<?php echo $header; ?>
<div id="content" class="rgen-mod">
	<link rel="stylesheet" type="text/css" href="view/stylesheet/rgen-module.css" />
	<div class="breadcrumb">
		<?php foreach ($breadcrumbs as $breadcrumb) { ?>
		<?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
		<?php } ?>
	</div>
	<?php if ($error_warning) { ?>
	<div class="warning"><?php echo $error_warning; ?></div>
	<?php } ?>
	<div class="box">
	
		<div class="content">
			<form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form">
				<div class="main clearfix">
					<div class="buttonbar">
						<h1><?php echo $heading_title; ?></h1>
						<a onclick="$('#form').submit();" class="button1"><?php echo $button_save; ?></a>
						<a onclick="location = '<?php echo $cancel; ?>';" class="button1 cancel"><?php echo $button_cancel; ?></a>
					</div>
					<div class="main-wrapper">
						<div class="vtabs" id="RGen_mainTabs">
							<a href="#RGen_layoutSettings">Layout Settings</a>
							<a href="#RGen_customMenu">Menu</a>
							<a href="#RGen_customFonts">Fonts</a>
							<a href="#RGen_cupidThemes">CUPID Theme</a>
							<a href="#RGen_themeColours">Theme Colours</a>
							<a href="#RGen_customContact">Footer Custom Content</a>
							<a href="#RGen_quickContact">Footer Quick Contact</a>
							<a href="#RGen_sharingLinks">Footer Sharing Links</a>
							<a href="#RGen_customCode">Custom Code</a>
						</div>
						<div id="RGen_cupidThemes" class="pane clearfix">
							<h3 class="heading-1 buttonbar1">
								<table width="100%">
									<tr>
										<td>CUPID - R.Gen ready to use themes</td>
										<td>
											<a class="button2 pull-right" onclick="$('.themeOptions input:radio').attr('checked', false);">Reset</a>
											<span class="checkbox pull-right move15-r">
												<input id="RGen_theme_optionStatus" name="RGen_theme_optionStatus" type="checkbox" <?php if ($RGen_theme_optionStatus) { ?>checked="checked"<?php }?> value="1" />
												<label for="RGen_theme_optionStatus">Cupid Themes</label>
											</span>
											
										</td>
									</tr>
								</table>
							</h3>
							<div class="themeOptions">
								<span class="radio">
									<input id="RGen_Theme1" name="RGen_theme_option" type="radio" <?php if ($RGen_theme_option == 1) { ?>checked="checked"<?php }?> value="1" />
									<label class="button2" for="RGen_Theme1">
										<span></span>Theme 1
									</label>
								</span>
								<span class="radio">
									<input id="RGen_Theme2" name="RGen_theme_option" type="radio" <?php if ($RGen_theme_option == 2) { ?>checked="checked"<?php }?> value="2" />
									<label class="button2" for="RGen_Theme2">
										<span></span>Theme 2
									</label>
								</span>
								<span class="radio">
									<input id="RGen_Theme3" name="RGen_theme_option" type="radio" <?php if ($RGen_theme_option == 3) { ?>checked="checked"<?php }?> value="3" />
									<label class="button2" for="RGen_Theme3">
										<span></span>Theme 3
									</label>
								</span>
								<span class="radio">
									<input id="RGen_Theme4" name="RGen_theme_option" type="radio" <?php if ($RGen_theme_option == 4) { ?>checked="checked"<?php }?> value="4" />
									<label class="button2" for="RGen_Theme4">
										<span></span>Theme 4
									</label>
								</span>
							</div>
							
						</div>
						
						<?php $yn = array( 'yes', 'no'); ?>
						<?php $moduleStyle = array( 'slider', 'grid'); ?>
						
						<div id="RGen_layoutSettings" class="pane clearfix">
							<h3 class="heading-1">
								<table width="100%">
									<tr>
										<td>Responsive theme status</td>
										<td>
											<span class="checkbox pull-right">
												<input id="RGen_reaponsive_status" name="RGen_reaponsive_status" type="checkbox" <?php if ($RGen_reaponsive_status) { ?>checked="checked"<?php }?> value="1" />
												<label for="RGen_reaponsive_status">Custom CSS</label>
											</span>
										</td>
									</tr>
								</table>
							</h3>
							<h3 class="heading-1 buttonbar1">General settings</h3>
							<table class="form">
								<tr>
									<td class="left">
										Logo position
									</td>
									<td>
										<input id="RGen_logoLeft" name="RGen_logoPosition" type="radio" <?php if ($RGen_logoPosition == 'left') { ?>checked="checked"<?php }?> value="left" />
										<label for="RGen_logoLeft">Left</label>
										
										<input id="RGen_logoCenter" name="RGen_logoPosition" type="radio" <?php if ($RGen_logoPosition == 'center') { ?>checked="checked"<?php }?> value="center" />
										<label for="RGen_logoCenter">Center</label>
									</td>
								</tr>
								<tr>
									<td class="left">Logo from top</td>
									<td><input type="text" name="RGen_Logo" id="RGen_Logo" value="<?php echo $RGen_Logo; ?>"></td>
								</tr>
								<tr>
									<td class="left">Refine category options</td>
									<td>
										<?php $refineOptions = array( 
											'Display only name'		=> 'onlyName',
											'Display with images' 	=> 'withPic' 
											);
											$refineOptions1 = array( 'slider', 'grid'); 
										?>
										<select name="RGen_refineCate">
											<?php foreach ($refineOptions as $key => $val) { ?>
												<?php ($val ==  $this->config->get('RGen_refineCate')) ? $selected = 'selected' : $selected=''; ?>
												<option value="<?php echo $val; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
											<?php } ?>
										</select>
										
										<select name="RGen_refineCate_display" style="width:100px;">
											<?php foreach ($refineOptions1 as $key) { ?>
												<?php ($key ==  $this->config->get('RGen_refineCate_display')) ? $selected = 'selected' : $selected=''; ?>
												<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
											<?php } ?>
										</select>
									</td>
								</tr>
								<tr>
									<td class="left">Product list page default view</td>
									<td class="left">
										<?php $PrdDisplay = array( 'Grid view' => 'grid', 'List view' => 'list'); ?>
										<select name="RGen_prdList_defaultView">
											<?php foreach ($PrdDisplay as $key => $value) { ?>
												<?php ($value ==  $this->config->get('RGen_prdList_defaultView')) ? $selected = 'selected' : $selected=''; ?>
												<option value="<?php echo $value; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
											<?php } ?>
										</select>
									</td>
								</tr>
								<tr>
									<td class="left">
										Product box display
										<span class="help1" style="font-weight:normal;">Hover effect => description on hover</span>
									</td>
									<td>
										<table class="sub-from1">
											<tr>
												<td>
													Hover effect<br>
													<select name="RGen_prdHover" style="width:100px;">
														<?php foreach ($yn as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_prdHover')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select>
												</td>
											</tr>
										</table>
									</td>
								</tr>
								<tr>
									<td class="left">
										Product modules display style
										<span class="help1" style="font-weight:normal;">Hover effect => description on hover</span>
									</td>
									<td class="left">
										
										<table class="sub-from1">
											<tr>
												<td>
													Featured<br>
													<select name="RGen_featuredDisplay" style="width:100px;">
														<?php foreach ($moduleStyle as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_featuredDisplay')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select><br>
													Hover effect<br>
													<select name="RGen_featuredHover" style="width:100px;">
														<?php foreach ($yn as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_featuredHover')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select>
												</td>
												<td>
													Bestseller<br>
													<select name="RGen_bestDisplay" style="width:100px;">
														<?php foreach ($moduleStyle as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_bestDisplay')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select><br>
													Hover effect<br>
													<select name="RGen_bestHover" style="width:100px;">
														<?php foreach ($yn as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_bestHover')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select>
												</td>
												<td>
													Specials<br>
													<select name="RGen_specialsDisplay" style="width:100px;">
														<?php foreach ($moduleStyle as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_specialsDisplay')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select><br>
													Hover effect<br>
													<select name="RGen_specialsHover" style="width:100px;">
														<?php foreach ($yn as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_specialsHover')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select>
												</td>
												<td>
													Latest<br>
													<select name="RGen_latestDisplay" style="width:100px;">
														<?php foreach ($moduleStyle as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_latestDisplay')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select><br>
													Hover effect<br>
													<select name="RGen_latestHover" style="width:100px;">
														<?php foreach ($yn as $key) { ?>
															<?php ($key ==  $this->config->get('RGen_latestHover')) ? $selected = 'selected' : $selected=''; ?>
															<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
														<?php } ?>
													</select>
												</td>
											</tr>
										</table>
										
									</td>
								</tr>
								<tr>
									<td class="left">
										Product page sharing code
									</td>
									<td>
										<textarea rows="4" style="width:80%" name="RGen_ShareCode" id="RGen_ShareCode"><?php echo $RGen_ShareCode; ?></textarea>
									</td>
								</tr>
								
							</table>
							
							<h3 class="heading-1 buttonbar1">Slide show size</h3>
							<table border="0" width="100%" id="slideshowSettings">
								<tr>
									<td class="layouts" valign="top">
										<div class="sizeSetting">
											<span class="radio" style="margin-right:15px">
												<input id="FullSlideShow" name="RGen_Slideshow_Layouts" class="full" type="radio" <?php if ($RGen_Slideshow_Layouts == 'full') { ?>checked="checked"<?php }?> value="full" />
												<label class="button2" for="FullSlideShow"><span></span>Full size to display product modules on slideshow</label>	
											</span>
											<span class="radio">
												<input id="MediumSlideShow" name="RGen_Slideshow_Layouts" type="radio" <?php if ($RGen_Slideshow_Layouts == 'medium') { ?>checked="checked"<?php }?> value="medium" />
												<label class="button2" for="MediumSlideShow"><span></span>Medium size</label>
											</span>
											<div class="help" id="MediumSlideShow_help" style="margin:30px 30px 0 0; <?php if ($RGen_Slideshow_Layouts == 'medium') { ?>display:block;<?php }else { ?>display:none;<?php }?>"><strong>Note :</strong> Set banners from "<strong>System > Design > Banners</strong>" with medium size</div>
											<br /><br />
											<div id="slideshowMod" class="sub-section" style="<?php if ($RGen_Slideshow_Layouts == 'full') { ?>display:block;<?php }else { ?>display:none;<?php }?>">
												<h4 class="heading-2">Select modules to display on slide show</h4>
												<span class="help1"><strong>Note :</strong> Set banners from "<strong>System > Design > Banners</strong>" with full size</span>
												<table>
													<tr>
														<td>
															Featured Products
															<span class="checkbox">
																<input id="RGen_SlideShow_Featured" name="RGen_SlideShow_Featured" type="checkbox" <?php if ($RGen_SlideShow_Featured) { ?>checked="checked"<?php }?> value="1" />
																<label for="RGen_SlideShow_Featured">Check-me</label>
															</span> 
														</td>
														<td>
															Latest Products
															<span class="checkbox">
																<input id="RGen_SlideShow_Latest" name="RGen_SlideShow_Latest" type="checkbox" <?php if ($RGen_SlideShow_Latest) { ?>checked="checked"<?php }?> value="1" />
																<label for="RGen_SlideShow_Latest">Check-me</label>
															</span> 
														</td>
														<td>
															Best Sellers
															<span class="checkbox">
																<input id="RGen_SlideShow_Best" name="RGen_SlideShow_Best" type="checkbox" <?php if ($RGen_SlideShow_Best) { ?>checked="checked"<?php }?> value="1" />
																<label for="RGen_SlideShow_Best">Check-me</label>
															</span>
														</td>
														<td>
															Special Offers
															<span class="checkbox">
																<input id="RGen_SlideShow_Special" name="RGen_SlideShow_Special" type="checkbox" <?php if ($RGen_SlideShow_Special) { ?>checked="checked"<?php }?> value="1" />
																<label for="RGen_SlideShow_Special">Check-me</label>
															</span>
														</td>
													</tr>
												</table>
											</div>
										</div>
									</td>
								</tr>
							</table>
							<h3 class="heading-1 buttonbar1">Slide show configuration</h3>
							<table class="form">
								<tr>
									<td class="left">
										Animation type
									</td>
									<td>
										<input type="radio" name="RGen_animationType" id="RGen_animationType" <?php if ($RGen_animationType == 'fade') { ?>checked="checked"<?php }?> value="fade" />
										<label for="RGen_animationType">Fade</label>
										<input type="radio" name="RGen_animationType" id="RGen_animationType" <?php if ($RGen_animationType == 'slide') { ?>checked="checked"<?php }?> value="slide" />
										<label for="RGen_animationType">Slide</label>
									</td>
								</tr>
								<tr>
									<td class="left">Slideshow speed</td>
									<td>
										<input style="width:100px;" type="text" id="RGen_slideshowSpeed" name="RGen_slideshowSpeed" value="<?php echo $RGen_slideshowSpeed; ?>" />
										<span class="help1">Integer: Set the speed of the slideshow cycling, in milliseconds</span>
									</td>
								</tr>
								<tr>
									<td class="left">Animation speed</td>
									<td>
										<input type="text" style="width:100px;" id="RGen_animationSpeed" name="RGen_animationSpeed" value="<?php echo $RGen_animationSpeed; ?>" />
										<span class="help1">Integer: Set the speed of animations, in milliseconds</span>
									</td>
								</tr>
							</table>
							<h3 class="heading-1 buttonbar1">Banner Position</h3>
							<table id="bannerLayouts" class="layouts">
								<tr>
									<td width="210" align="left">
										<span class="radio">
											<input id="RGen_Banner_Layout1" class="bnrL1" name="RGen_Banner_Layouts" type="radio" <?php if ($RGen_Banner_Layouts == 1) { ?>checked="checked"<?php }?> value="1" />
											<label class="button2" for="RGen_Banner_Layout1">
												<span></span>Display home page small banners beside slideshow
											</label>
										</span>
										<br />
										<span class="help" id="bnrL1_help" <?php if ($RGen_Banner_Layouts == 1) { ?>style="display:block;"<?php } else { ?>style="display:none;"<?php }?> ><strong>Note:</strong> Please upload new small banners from "<strong>System > Design > Banners</strong>" with appropriate size to set beside main slide show</span>
										<input id="SmallSlideShow" type="hidden" <?php if ($RGen_Banner_Layouts == 1) { ?>name="RGen_Slideshow_Layouts" value="small"<?php }?> />
									</td>
									<td width="210" align="left">
										<span class="radio">
											<input id="RGen_Banner_Layout2" name="RGen_Banner_Layouts" type="radio" <?php if ($RGen_Banner_Layouts == 2) { ?>checked="checked"<?php }?> value="2" />
											<label class="button2" for="RGen_Banner_Layout2">
												<span></span>Display home page small banners below slideshow
											</label>
											<span class="help" id="bnrL2_help" style="display:none;"><strong>Note:</strong> Please select slideshow size if not selected from above slide show size section</span>
										</span>
									</td>
									<td width="210" align="left">
										<span class="radio">
											<input id="RGen_Banner_Layout3" class="bnrL3" name="RGen_Banner_Layouts" type="radio" <?php if ($RGen_Banner_Layouts == 3) { ?>checked="checked"<?php }?> value="3" />
											<label class="button2" for="RGen_Banner_Layout3">
												<span></span>Small banners flexible position
											</label>
										</span>
									</td>
								</tr>
							</table><br><br>
							<h3 class="heading-1 buttonbar1">Product Information Page Layout</h3>
							<table id="proinfoLayouts" class="layouts">
								<tr>
									<td>
										<span class="radio">
											<input id="AdvancedLayout" name="RGen_ProInfo_Layout" type="radio" <?php if ($RGen_ProInfo_Layout == 'proinfo1') { ?>checked="checked"<?php } ?> value="proinfo1" />
											<label class="button2" for="AdvancedLayout">
												<span></span>Custom layout
											</label>
										</span>
										<span class="radio">
											<input id="DefaultLayout" name="RGen_ProInfo_Layout" type="radio" <?php if ($RGen_ProInfo_Layout == 'proinfo2') { ?>checked="checked"<?php } ?> value="proinfo2" />
											<label class="button2" for="DefaultLayout">
												<span></span>Full width without side column
											</label>
										</span>
										<span class="radio">
											<input id="WithColumn" type="radio" name="RGen_ProInfo_Layout" type="hidden" <?php if ($RGen_ProInfo_Layout == '') { ?>checked="checked"<?php } ?> value="" />
											<label class="button2" for="WithColumn">
												<span></span>Reset to Default layout support side column
											</label>
										</span>
									</td>
									
								</tr>
							</table>
						</div>
						
						<div id="RGen_customFonts" class="pane clearfix">
							<div>
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>Fonts settings</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_fontSettings_status" name="RGen_fontSettings_status" type="checkbox" <?php if ($RGen_fontSettings_status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_fontSettings_status">Fonts settings</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<?php
									$json = file_get_contents("view/image/cupid/webfonts.json", true);
									$decode = json_decode($json, true);
									$webfonts = array();
									foreach ($decode['items'] as $key => $value) {
										// FONT FAMILY
										$item_family = $decode['items'][$key]['family'];
										$item_family_trunc =  str_replace(' ','+',$item_family);
										$webfonts[$item_family_trunc] = $item_family;
									}
									//print_r ($default);
									$defaultFont = array( 
										'Arial', 
										'Verdana', 
										'Helvetica', 
										'Lucida Grande', 
										'Trebuchet MS', 
										'Times New Roman', 
										'Tahoma', 
										'Georgia'
										);
									$FontWeight = array( 'normal', 'bold' );
									
								?>
								
								<table class="form">
									<tr>
										<td class="left">
											Body fonts<br />
											<span class="help1">Select " -- " to reset</span>
										</td>
										<td class="left">
											<table class="sub-from1">
												<tr>
													<td>
														Fonts<br />
														<select name="RGen_Body_font">
															<option>--</option>
															<optgroup label="HTML default fonts">
															<?php foreach ($defaultFont as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Body_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
															</optgroup>
															<optgroup label="Google fonts">
															<?php foreach ($webfonts as $key => $face ) { ?>
																<?php ($key ==  $this->config->get('RGen_Body_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $face; ?></option>
															<?php } ?>
															</optgroup>
														</select>
													</td>
													<td>
														Font weight<br />
														<select name="RGen_Body_font_weight">
															<option>--</option>
															<?php foreach ($FontWeight as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Body_font_weight')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													<td>
														<?php $BodyFontsSizes = array( '--', '11px', '12px', '13px', '14px', '15px', '16px', '17px', '18px' ); ?>
														Size<br />
														<select name="RGen_Body_font_size">
															<?php foreach ($BodyFontsSizes as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Body_font_size')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
												</tr>
											</table>
											<div id="bodyFontPreview_block" class="font-preview">
												<link href='' id='bodyFontPreview' rel='stylesheet' type='text/css'>
												Grumpy wizards make toxic brew for the evil Queen and Jack.
											</div>
											<script>
											$(document).ready(function(e) {
												var previewBox = $('#bodyFontPreview_block');
												var fontUrl = $('#bodyFontPreview');
												var selectFont = $('select[name="RGen_Body_font"]');
												var selectSize = $('select[name="RGen_Body_font_size"]');
												var selectWeight = $('select[name="RGen_Body_font_weight"]')
												
												function selectedFont(){
													if(selectFont.val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
													}else {
														var font = 	selectFont.val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+selectFont.val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
													if(selectSize.val() == '--'){
														previewBox.css("font-size",'');	
													}else {
														previewBox.css("font-size",selectSize.val());
													}
													if(selectWeight.val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",selectWeight.val());
													}
												}
												selectedFont();
												
												selectFont.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
													}else {
														var font = 	$(this).val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+$(this).val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
												});
												selectSize.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-size",'');	
													}else {
														previewBox.css("font-size",$(this).val());
													}
												});
												selectWeight.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",$(this).val());
													}
												});
											});
											</script>
											
	
										</td>
									</tr>
									
									<tr>
										<td class="left">Page title fonts<br /><span class="help1">Select " -- " to reset</span></td>
										<td class="left">
											<table class="sub-from1">
												<tr>
													<td>
														Fonts<br />
														<select name="RGen_PageTitle_font">
															<option>--</option>
															<optgroup label="HTML default fonts">
															<?php foreach ($defaultFont as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_PageTitle_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
															</optgroup>
															<optgroup label="Google fonts">
															<?php foreach ( $webfonts as $key => $face ) { ?>
																<?php ($key ==  $this->config->get('RGen_PageTitle_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $face; ?></option>
															<?php } ?>
															</optgroup>
														</select>
													</td>
													<td>
														Font weight<br />
														<select name="RGen_PageTitle_font_weight">
															<option>--</option>
															<?php foreach ($FontWeight as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_PageTitle_font_weight')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													<td>
														<?php $PageTitleFontsSizes = array( 
															'--', '18px', '19px', '20px', '21px', '22px', '23px', '24px', '25px', 
															'26px', '27px', '28px', '29px', '30px', '31px', '32px', '33px',
															'34px', '35px', '36px', '37px', '38px', '39px', '40px', '41px',
															'42px', '43px', '44px', '45px', '46px', '47px', '48px', '49px', '50px'
														); ?>
														Size<br />
														<select name="RGen_PageTitle_font_size">
															<?php foreach ($PageTitleFontsSizes as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_PageTitle_font_size')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													<td>
														<?php $PageTitleFontsTransform = array( '--', 'capitalize', 'lowercase', 'uppercase' ); ?>
														Text transform<br />
														<select name="RGen_PageTitle_transform">
															<?php foreach ($PageTitleFontsTransform as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_PageTitle_transform')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
														
													</td>
												</tr>
											</table>
											<div id="PageTitlePreview_block" class="font-preview">
												<link href='' id='PageTitlePreview' rel='stylesheet' type='text/css'>
												Grumpy wizards make toxic brew for the evil Queen and Jack.
											</div>
											<script>
											$(document).ready(function(e) {
												var previewBox = $('#PageTitlePreview_block');
												var fontUrl = $('#PageTitlePreview');
												var selectFont = $('select[name="RGen_PageTitle_font"]');
												var selectSize = $('select[name="RGen_PageTitle_font_size"]');
												var selectWeight = $('select[name="RGen_PageTitle_font_weight"]');
												var transform = $('select[name="RGen_PageTitle_transform"]');
												
												function selectedFont(){
													if(selectFont.val() == '--'){
														previewBox.css("font-family",'');
	
														previewBox.css("display",'none');	
													}else {
														var font = 	selectFont.val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+selectFont.val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
													if(selectSize.val() == '--'){
														previewBox.css("font-size",'');	
													}else {
														previewBox.css("font-size",selectSize.val());
													}
													if(selectWeight.val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",selectWeight.val());
													}
													if(transform.val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",transform.val());
													}
												}
												selectedFont();
												
												selectFont.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
													}else {
														var font = 	$(this).val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+$(this).val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
	
														previewBox.css("display",'');
													}
												});
												selectSize.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-size",'');	
													}else {
														previewBox.css("font-size",$(this).val());
													}
												});
												selectWeight.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",$(this).val());
													}
												});
												transform.change(function(){
													if($(this).val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",$(this).val());
													}
												});
											});
											
											</script>
										</td>
									</tr>
									
									<tr>
										<td class="left">Other heading fonts<br /><span class="help1">Select " -- " to reset</span></td>
										<td class="left">
											<table class="sub-from1">
												<tr>
													<td>
														Fonts<br />
														<select name="RGen_otherHeading_font">
															<option>--</option>
															<optgroup label="HTML default fonts">
															<?php foreach ($defaultFont as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_otherHeading_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
															</optgroup>
															<optgroup label="Google fonts">
															<?php foreach ( $webfonts as $key => $face ) { ?>
																<?php ($key ==  $this->config->get('RGen_otherHeading_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $face; ?></option>
															<?php } ?>
															</optgroup>
														</select>
													</td>
													<td>
														Font weight<br />
														<select name="RGen_otherHeading_font_weight">
															<option>--</option>
															<?php foreach ($FontWeight as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_otherHeading_font_weight')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													<td>
														<?php $otherHeadingTransform = array( '--', 'capitalize', 'lowercase', 'uppercase' ); ?>
														Text transform<br />
														<select name="RGen_otherHeading_transform">
															<?php foreach ($PageTitleFontsTransform as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_otherHeading_transform')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
														
													</td>
												</tr>
											</table>
											<div id="otherHeading_block" class="font-preview">
												<link href='' id='otherHeadingPreview' rel='stylesheet' type='text/css'>
												Grumpy wizards make toxic brew for the evil Queen and Jack.
											</div>
											<script>
											$(document).ready(function(e) {
												var previewBox = $('#otherHeading_block');
												var fontUrl = $('#otherHeadingPreview');
												var selectFont = $('select[name="RGen_otherHeading_font"]');
												var selectWeight = $('select[name="RGen_otherHeading_font_weight"]');
												var transform = $('select[name="RGen_otherHeading_transform"]');
												
												function selectedFont(){
													if(selectFont.val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
													}else {
														var font = 	selectFont.val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+selectFont.val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
													if(selectWeight.val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",selectWeight.val());
													}
													if(transform.val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",transform.val());
													}
												}
												selectedFont();
												
												selectFont.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
													}else {
														var font = 	$(this).val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+$(this).val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
												});
												selectWeight.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",$(this).val());
													}
												});
												transform.change(function(){
													if($(this).val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",$(this).val());
													}
												});
											});
											
											</script>
										</td>
									</tr>
									
									<tr>
										<td class="left">Navigation fonts<br /><span class="help1">Select " -- " to reset</span></td>
										<td class="left">
											<table class="sub-from1">
												<tr>
													<td>
														Fonts<br />
														<select name="RGen_Navigation_font">
															<option>--</option>
															<optgroup label="HTML default fonts">
															<?php foreach ($defaultFont as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Navigation_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
															</optgroup>
															<optgroup label="Google fonts">
															<?php foreach ( $webfonts as $key => $face ) { ?>
																<?php ($key ==  $this->config->get('RGen_Navigation_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $face; ?></option>
															<?php } ?>
															</optgroup>
														</select>
													</td>
													<td>
														Font weight<br />
														<select name="RGen_Navigation_font_weight">
															<option>--</option>
															<?php foreach ($FontWeight as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Navigation_font_weight')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													<td>
														<?php $NavigationFontsSizes = array( 
															'--', '11px', '12px', '13px', '14px', '15px', '16px', '17px', '18px'
														); ?>
														Size<br />
														<select name="RGen_Navigation_font_size">
															<?php foreach ($NavigationFontsSizes as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Navigation_font_size')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													<td>
														<?php $NavigationFontsTransform = array( '--', 'capitalize', 'lowercase', 'uppercase' ); ?>
														Text transform<br />
														<select name="RGen_Navigation_transform">
															<?php foreach ($NavigationFontsTransform as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Navigation_transform')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
														
													</td>
												</tr>
											</table>
											<div id="NavigationPreview_block" class="font-preview">
												<link href='' id='NavigationPreview' rel='stylesheet' type='text/css'>
												Grumpy wizards make toxic brew for the evil Queen and Jack.
											</div>
											<script>
											$(document).ready(function(e) {
												var previewBox = $('#NavigationPreview_block');
												var fontUrl = $('#NavigationPreview');
												var selectFont = $('select[name="RGen_Navigation_font"]');
												var selectSize = $('select[name="RGen_Navigation_font_size"]');
												var selectWeight = $('select[name="RGen_Navigation_font_weight"]');
												var transform = $('select[name="RGen_Navigation_transform"]');
												
												function selectedFont(){
													if(selectFont.val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');	
													}else {
														var font = 	selectFont.val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+selectFont.val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
													if(selectSize.val() == '--'){
														previewBox.css("font-size",'');	
													}else {
														previewBox.css("font-size",selectSize.val());
													}
													if(selectWeight.val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",selectWeight.val());
													}
													if(transform.val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",transform.val());
													}
												}
												selectedFont();
												
												selectFont.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');	
													}else {
														var font = 	$(this).val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+$(this).val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
												});
												selectSize.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-size",'');	
													}else {
														previewBox.css("font-size",$(this).val());
													}
												});
												selectWeight.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",$(this).val());
													}
												});
												transform.change(function(){
													if($(this).val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",$(this).val());
													}
												});
											});
											
											</script>
											
										</td>
									</tr>
									
									<tr>
										<td class="left">Price fonts<br /><span class="help1">Select " -- " to reset</span></td>
										<td class="left">
											<table class="sub-from1">
												<tr>
													<td>
														Fonts<br />
														<select name="RGen_Price_font">
															<option>--</option>
															<optgroup label="HTML default fonts">
															<?php foreach ($defaultFont as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Price_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
															</optgroup>
															<optgroup label="Google fonts">
															<?php foreach ( $webfonts as $key => $face ) { ?>
																<?php ($key ==  $this->config->get('RGen_Price_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $face; ?></option>
															<?php } ?>
															</optgroup>
														</select>
													</td>
													<td>
														Font weight<br />
														<select name="RGen_Price_font_weight">
															<option>--</option>
															<?php foreach ($FontWeight as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Price_font_weight')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													
												</tr>
											</table>
											<div id="PricePreview_block" class="font-preview" style="font-size:16px;">
												<link href='' id='PricePreview' rel='stylesheet' type='text/css'>
												Price : 1234567890
											</div>
											<script>
											$(document).ready(function(e) {
												var previewBox = $('#PricePreview_block');
												var fontUrl = $('#PricePreview');
												var selectFont = $('select[name="RGen_Price_font"]');
												var selectWeight = $('select[name="RGen_Price_font_weight"]');
												
												function selectedFont(){
													if(selectFont.val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');	
													}else {
														var font = 	selectFont.val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+selectFont.val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
													if(selectWeight.val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",selectWeight.val());
													}
												}
												selectedFont();
												
												selectFont.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
													}else {
														var font = 	$(this).val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+$(this).val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
												});
												selectWeight.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",$(this).val());
													}
												});
											});
											
											</script>
										</td>
									</tr>
									
									<tr>
										<td class="left">Button fonts<br /><span class="help1">Select " -- " to reset</span></td>
										<td class="left">
											<table class="sub-from1">
												<tr>
													<td>
														Fonts<br />
														<select name="RGen_Button_font">
															<option>--</option>
															<optgroup label="HTML default fonts">
															<?php foreach ($defaultFont as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Button_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
															</optgroup>
															<optgroup label="Google fonts">
															<?php foreach ( $webfonts as $key => $face ) { ?>
																<?php ($key ==  $this->config->get('RGen_Button_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $face; ?></option>
															<?php } ?>
															</optgroup>
														</select>
													</td>
													<td>
														Font weight<br />
														<select name="RGen_Button_font_weight">
															<option>--</option>
															<?php foreach ($FontWeight as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Button_font_weight')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													<td>
														<?php $ButtonFontsTransform = array( '--', 'capitalize', 'lowercase', 'uppercase' ); ?>
														Text transform<br />
														<select name="RGen_Button_font_transform">
															<?php foreach ($ButtonFontsTransform as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_Button_font_transform')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
														
													</td>
												</tr>
											</table>
											<div class="font-preview" style="font-size:16px;">
												<link href='' id='ButtonPreview' rel='stylesheet' type='text/css'>
												<span id="ButtonPreview_block" class="site-button">Sample Button</span>
											</div>
											<script>
											$(document).ready(function(e) {
												var previewBox = $('#ButtonPreview_block');
												var fontUrl = $('#ButtonPreview');
												var selectFont = $('select[name="RGen_Button_font"]');
												var selectWeight = $('select[name="RGen_Button_font_weight"]');
												var transform = $('select[name="RGen_Button_font_transform"]');
												
												function selectedFont(){
													if(selectFont.val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
														previewBox.parent().css("display",'none');
													}else {
														var font = 	selectFont.val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+selectFont.val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
														previewBox.parent().css("display",'');
													}
													if(selectWeight.val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",selectWeight.val());
													}
													if(transform.val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",transform.val());
													}
												}
												selectedFont();
												
												selectFont.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
														previewBox.parent().css("display",'none');
													}else {
														var font = 	$(this).val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+$(this).val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
														previewBox.parent().css("display",'');
													}
												});
												
												selectWeight.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",$(this).val());
													}
												});
												transform.change(function(){
													if($(this).val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",$(this).val());
													}
												});
											});
											
											</script>
											
										</td>
									</tr>
									
									<tr>
										<td class="left">Other component fonts<br /><span class="help1">Select " -- " to reset</span></td>
										<td class="left">
											<table class="sub-from1">
												<tr>
													<td>
														Fonts<br />
														<select name="RGen_other_font">
															<option>--</option>
															<optgroup label="HTML default fonts">
															<?php foreach ($defaultFont as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_other_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
															</optgroup>
															<optgroup label="Google fonts">
															<?php foreach ( $webfonts as $key => $face ) { ?>
																<?php ($key ==  $this->config->get('RGen_other_font')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $face; ?></option>
															<?php } ?>
															</optgroup>
														</select>
													</td>
													<td>
														Font weight<br />
														<select name="RGen_other_font_weight">
															<option>--</option>
															<?php foreach ($FontWeight as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_other_font_weight')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
													<td>
														<?php $OtherFontsTransform = array( '--', 'capitalize', 'lowercase', 'uppercase' ); ?>
														Text transform<br />
														<select name="RGen_other_font_transform">
															<?php foreach ($OtherFontsTransform as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_other_font_transform')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
														
													</td>
												</tr>
											</table>
											<div id="OtherFontsPreview_block" class="font-preview">
												<link href='' id='OtherFontsPreview' rel='stylesheet' type='text/css'>
												Grumpy wizards make toxic brew for the evil Queen and Jack.
											</div>
											<script>
											$(document).ready(function(e) {
												var previewBox = $('#OtherFontsPreview_block');
												var fontUrl = $('#OtherFontsPreview');
												var selectFont = $('select[name="RGen_other_font"]');
												var selectWeight = $('select[name="RGen_other_font_weight"]');
												var transform = $('select[name="RGen_other_font_transform"]');
												
												function selectedFont(){
													if(selectFont.val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');	
													}else {
														var font = 	selectFont.val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+selectFont.val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
													if(selectWeight.val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",selectWeight.val());
													}
													if(transform.val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",transform.val());
													}
												}
												selectedFont();
												
												selectFont.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-family",'');
														previewBox.css("display",'none');
													}else {
														var font = 	$(this).val().replace(/\+/g," ");
														var link = "http://fonts.googleapis.com/css?family="+$(this).val();
														fontUrl.attr('href', link);
														previewBox.css("font-family",'"'+font+'"');
														previewBox.css("display",'');
													}
												});
												selectWeight.change(function(){
													if($(this).val() == '--'){
														previewBox.css("font-weight",'');	
													}else {
														previewBox.css("font-weight",$(this).val());
													}
												});
												transform.change(function(){
													if($(this).val() == '--'){
														previewBox.css("text-transform",'');	
													}else {
														previewBox.css("text-transform",$(this).val());
													}
												});
											});
											
											</script>
										</td>
									</tr>
									
								</table>
							</div>
						</div>
						
						<div id="RGen_customMenu" class="pane clearfix">
							<div>
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>Display information menu</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_informationMenu_status" name="RGen_informationMenu_status" type="checkbox" <?php if ($RGen_informationMenu_status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_informationMenu_status">Display information menu</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>Custom dropdown menu</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_customMenu_status" name="RGen_customMenu_status" type="checkbox" <?php if ($RGen_customMenu_status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_customMenu_status">Custom dropdown menu</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<div class="sub-section1">
									<h3 class="heading-3">Top level menu item</h3>
									<table class="col-frm">
										<tr>
											<td>
												<table>
													<tr>
														<td>Name <input type="text" name="RGen_menu1_item" id="RGen_menu1_item" value="<?php echo $RGen_menu1_item; ?>"></td>
														<td>URL <input type="text" name="RGen_menu1_item_url" id="RGen_menu1_item_url" value="<?php echo $RGen_menu1_item_url; ?>"></td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
									<h3 class="heading-3">Drop down links</h3>
									<table class="col-frm">
										<tr>
											<td>
												<table>
													<tr>
														<td>Name <input id="RGen_subMenu1_item1" value="<?php echo $RGen_subMenu1_item1; ?>" name="RGen_subMenu1_item1" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url1" value="<?php echo $RGen_subMenu1_item_url1; ?>" name="RGen_subMenu1_item_url1" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item2" value="<?php echo $RGen_subMenu1_item2; ?>" name="RGen_subMenu1_item2" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url2" value="<?php echo $RGen_subMenu1_item_url2; ?>" name="RGen_subMenu1_item_url2" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item3" value="<?php echo $RGen_subMenu1_item3; ?>" name="RGen_subMenu1_item3" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url3" value="<?php echo $RGen_subMenu1_item_url3; ?>" name="RGen_subMenu1_item_url3" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item4" value="<?php echo $RGen_subMenu1_item4; ?>" name="RGen_subMenu1_item4" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url4" value="<?php echo $RGen_subMenu1_item_url4; ?>" name="RGen_subMenu1_item_url4" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item5" value="<?php echo $RGen_subMenu1_item5; ?>" name="RGen_subMenu1_item5" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url5" value="<?php echo $RGen_subMenu1_item_url5; ?>" name="RGen_subMenu1_item_url5" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item6" value="<?php echo $RGen_subMenu1_item6; ?>" name="RGen_subMenu1_item6" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url6" value="<?php echo $RGen_subMenu1_item_url6; ?>" name="RGen_subMenu1_item_url6" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item7" value="<?php echo $RGen_subMenu1_item7; ?>" name="RGen_subMenu1_item7" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url7" value="<?php echo $RGen_subMenu1_item_url7; ?>" name="RGen_subMenu1_item_url7" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item8" value="<?php echo $RGen_subMenu1_item8; ?>" name="RGen_subMenu1_item8" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url8" value="<?php echo $RGen_subMenu1_item_url8; ?>" name="RGen_subMenu1_item_url8" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item9" value="<?php echo $RGen_subMenu1_item9; ?>" name="RGen_subMenu1_item9" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url9" value="<?php echo $RGen_subMenu1_item_url9; ?>" name="RGen_subMenu1_item_url9" type="text" /></td>
													</tr>
													<tr>
														<td>Name <input id="RGen_subMenu1_item10" value="<?php echo $RGen_subMenu1_item10; ?>" name="RGen_subMenu1_item10" type="text" /></td>
														<td>URL <input id="RGen_subMenu1_item_url10" value="<?php echo $RGen_subMenu1_item_url10; ?>" name="RGen_subMenu1_item_url10" type="text" /></td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</div>
								<br /><br />
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>Custom menu items</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_menu_item_status" name="RGen_menu_item_status" type="checkbox" <?php if ($RGen_menu_item_status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_menu_item_status">Custom menu items</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<div class="sub-section1">
									<h3 class="heading-3">Top level menu items</h3>
									<table class="col-frm">
										<tr>
											<td>
												<table>
													<tr>
														<td>
															Menu item 1
															<input name="RGen_menu_item1" value="<?php echo $RGen_menu_item1; ?>" id="RGen_menu_item1" type="text" />
														</td>
														<td>
															Menu URL
															<input name="RGen_menu_item1_url" value="<?php echo $RGen_menu_item1_url; ?>" id="RGen_menu_item1_url" type="text" />
														</td>
													</tr>
													<tr>
														<td>
															Menu item 2
															<input name="RGen_menu_item2" value="<?php echo $RGen_menu_item2; ?>" id="RGen_menu_item2" type="text" />
														</td>
														<td>
															Menu URL
															<input name="RGen_menu_item2_url" value="<?php echo $RGen_menu_item2_url; ?>" id="RGen_menu_item2_url" type="text" />
														</td>
													</tr>
													<tr>
														<td>
															Menu item 3
															<input name="RGen_menu_item3" value="<?php echo $RGen_menu_item3; ?>" id="RGen_menu_item3" type="text" />
														</td>
														<td>
															Menu URL
															<input name="RGen_menu_item3_url" value="<?php echo $RGen_menu_item3_url; ?>" id="RGen_menu_item3_url" type="text" />
														</td>
													</tr>
													<tr>
														<td>
															Menu item 4
															<input name="RGen_menu_item4" value="<?php echo $RGen_menu_item4; ?>" id="RGen_menu_item4" type="text" />
														</td>
														<td>
															Menu URL
															<input name="RGen_menu_item4_url" value="<?php echo $RGen_menu_item4_url; ?>" id="RGen_menu_item4_url" type="text" />
														</td>
													</tr>
													<tr>
														<td>
															Menu item 5
															<input name="RGen_menu_item5" value="<?php echo $RGen_menu_item5; ?>" id="RGen_menu_item5" type="text" />
														</td>
														<td>
															Menu URL
															<input name="RGen_menu_item5_url" value="<?php echo $RGen_menu_item5_url; ?>" id="RGen_menu_item5_url" type="text" />
														</td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</div>
								
							</div>
						</div>
						
						
						<div id="RGen_themeColours" class="pane clearfix">
							<div>
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>R.Gen Custom Theme</td>
											<td>
												<a class="button2 pull-right" onclick="$('.hex, .rgb').attr('value', '');$('.hex, .rgb').attr('style', '');$('#RGen_bodyBgImg_preview').attr('src', '<?php echo $no_image; ?>');$('#RGen_bodyBgImg').attr('value', '');$('#RGen_pageBgImg_preview').attr('src', '<?php echo $no_image; ?>');$('#RGen_pageBgImg').attr('value', '');$('#RGen_headerBgImg_preview').attr('src', '<?php echo $no_image; ?>');$('#RGen_headerBgImg').attr('value', '');">Reset</a>
												<span class="checkbox pull-right move15-r">
													<input id="RGen_theme" name="RGen_theme" type="checkbox" <?php if ($RGen_theme) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_theme">Reset</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								
								<table class="form">
									<tr>
										<td class="left">
											Theme icons
										</td>
										<td>
											<?php $themeIcons = array( 
												'Use image icons' 	=> 'img',
												'Use vector icons'	=> 'vector'
												);
											?>
											<select name="RGen_Icons" style="font-size:16px; font-weight:bold; width:90%;">
												<?php foreach ($themeIcons as $key => $val) { ?>
													<?php ($val ==  $this->config->get('RGen_Icons')) ? $selected = 'selected' : $selected=''; ?>
													<option value="<?php echo $val; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
												<?php } ?>
											</select>
											<span class="help">
											<strong style="font-size:13px;">Vector icons</strong><br>
											- Only vector icon support color changes from below theme color options<br><br>
											
											<strong style="font-size:13px;">Image icons</strong><br>
											- You can change image icons from this folder => <strong>\catalog\view\theme\rgen-cupid\image\rgen\</strong>
											</span>
										</td>
									</tr>
								</table>
								
								<div class="theme-colors">
									<div class="vtabs" id="ThemeTabs">
										<a href="#generalColors">General theme</a>
										<a href="#headerColors">Header</a>
										<a href="#menuColors">Menu</a>
										<a href="#PrdListColors">Product blocks</a>
										<a href="#PrdSlideshowColors">Products on slideshow</a>
										<a href="#PrdInfoColors">Product page</a>
										<a href="#FooterColors">Footer</a>
									</div>
									<div class="vtabs-content" id="generalColors">
										<h3 class="heading-1">
											<table width="100%">
												<tr>
													<td>General Theme Colours</td>
													<td>
														<a class="button2 pull-right" onclick="$('#generalTheme').find('.hex, .rgb').attr('value', '');$('#generalTheme').find('.hex, .rgb').attr('style', '');$('#generalTheme').find('#RGen_bodyBgImg_preview').attr('src', '<?php echo $no_image; ?>');$('#generalTheme').find('#RGen_bodyBgImg').attr('value', '');">Reset</a>
													</td>
												</tr>
											</table>
										</h3>
										<div id="generalTheme">
											<h3 class="heading-3">Body colour &amp; Background image</h3>
											<table class="form">
												<tr>
													<td>Background colour</td>
													<td><input type="text" class="hex" name="RGen_bodyBg" id="RGen_bodyBg" value="<?php echo $RGen_bodyBg; ?>"></td>
												</tr>
												<tr>
													<td>
														Background image<br />
													</td>
													<td>
														<table>
															<tr>
																<td>
																	<input type="hidden" name="RGen_bodyBgImg" value="<?php echo $RGen_bodyBgImg; ?>" id="RGen_bodyBgImg" />
																	<img src="<?php echo $RGen_bodyBgImg_preview; ?>" alt="" id="RGen_bodyBgImg_preview" class="PreviewImage" />
																</td>
																<td style="padding-left:10px;">
																	<div style="margin-bottom:10px;">
																		<a onclick="image_upload('RGen_bodyBgImg', 'RGen_bodyBgImg_preview');" class="button3">Upload</a>
																		<a onclick="$('#RGen_bodyBgImg_preview').attr('src', '<?php echo $no_image; ?>'); $('#RGen_bodyBgImg').attr('value', '');" class="button3">Remove</a>
																	</div>
																	<?php $bodyBgImgRepeat = array( 
																		'no-repeat',
																		'repeat',
																		'repeat-x',
																		'repeat-y',
																		'inherit'
																	); ?>
																	<select name="RGen_bodyBgImgRepeat">
																		<?php foreach ($bodyBgImgRepeat as $key) { ?>
																			<?php ($key ==  $this->config->get('RGen_bodyBgImgRepeat')) ? $selected = 'selected' : $selected=''; ?>
																			<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
																		<?php } ?>
																	</select>
																	
																	<?php $bodyBgImgPosition = array( 
																		'left top',
																		'left bottom',
																		'right top',
																		'right bottom',
																		'center top',
																		'center bottom',
																		'center center'
																	); ?>
																	<select name="RGen_bodyBgImgPosition">
																		<?php foreach ($bodyBgImgPosition as $key) { ?>
																			<?php ($key ==  $this->config->get('RGen_bodyBgImgPosition')) ? $selected = 'selected' : $selected=''; ?>
																			<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
																		<?php } ?>
																	</select>
																</td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Background attachment</td>
													<td>
														<?php $bodyBgAttachment = array( 
															'inherit',
															'fixed'
														); ?>
														<select name="RGen_bodyBgAttachment">
															<?php foreach ($bodyBgAttachment as $key) { ?>
																<?php ($key ==  $this->config->get('RGen_bodyBgAttachment')) ? $selected = 'selected' : $selected=''; ?>
																<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
															<?php } ?>
														</select>
													</td>
												</tr>
											</table>
											
											<h3 class="heading-3">Page colour &amp; Background image</h3>
											<table class="form">
												<tr>
													<td>Background colour</td>
													<td><input type="text" class="rgb" name="RGen_pageBg" id="RGen_pageBg" value="<?php echo $RGen_pageBg; ?>"></td>
												</tr>
												<tr>
													<td>
														Background image<br />
													</td>
													<td>
														<table>
															<tr>
																<td>
																	<input type="hidden" name="RGen_pageBgImg" value="<?php echo $RGen_pageBgImg; ?>" id="RGen_pageBgImg" />
																	<img src="<?php echo $RGen_pageBgImg_preview; ?>" alt="" id="RGen_pageBgImg_preview" class="PreviewImage" />
																</td>
																<td style="padding-left:10px;">
																	<div style="margin-bottom:10px;">
																		<a onclick="image_upload('RGen_pageBgImg', 'RGen_pageBgImg_preview');" class="button3">Upload</a>
																		<a onclick="$('#RGen_pageBgImg_preview').attr('src', '<?php echo $no_image; ?>'); $('#RGen_pageBgImg').attr('value', '');" class="button3">Remove</a>
																	</div>
																	
																	<?php $pageBgImgRepeat = array( 
																		'no-repeat',
																		'repeat',
																		'repeat-x',
																		'repeat-y',
																		'inherit'
																	); ?>
																	<select name="RGen_pageBgImgRepeat">
																		<?php foreach ($pageBgImgRepeat as $key) { ?>
																			<?php ($key ==  $this->config->get('RGen_pageBgImgRepeat')) ? $selected = 'selected' : $selected=''; ?>
																			<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
																		<?php } ?>
																	</select>
																	
																	<?php $pageBgImgPosition = array( 
																		'left top',
																		'left bottom',
																		'right top',
																		'right bottom',
																		'center top',
																		'center bottom',
																		'center center'
																	); ?>
																	<select name="RGen_pageBgImgPosition">
																		<?php foreach ($pageBgImgPosition as $key) { ?>
																			<?php ($key ==  $this->config->get('RGen_pageBgImgPosition')) ? $selected = 'selected' : $selected=''; ?>
																			<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
																		<?php } ?>
																	</select>
																</td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Outer shadow</td>
													<td><input type="text" class="rgb" name="RGen_pageShadow" id="RGen_pageShadow" value="<?php echo $RGen_pageShadow; ?>"></td>
												</tr>
												
												<tr>
													<td>Content area background</td>
													<td><input type="text" class="rgb" name="RGen_contentareaBg" id="RGen_contentareaBg" value="<?php echo $RGen_contentareaBg; ?>"></td>
												</tr>
											</table>
											
											<h3 class="heading-3">Common components</h3>
											<table class="form">
												<tr>
													<td>Global colors</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Colour 1<br /><input type="text" class="hex" name="RGen_globalColour" id="RGen_globalColour" value="<?php echo $RGen_globalColour; ?>"></td>
																<td>Colour 2<br /><input type="text" class="hex" name="RGen_globalColour1" id="RGen_globalColour1" value="<?php echo $RGen_globalColour1; ?>"></td>
																<td>Font color<br /><input type="text" class="hex" name="RGen_fontColor" id="RGen_fontColor" value="<?php echo $RGen_fontColor; ?>"></td>
																<td>Border color<br /><input type="text" class="hex" name="RGen_allBorders" id="RGen_allBorders" value="<?php echo $RGen_allBorders; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Button1 color</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Normal<br /><input type="text" class="hex" name="RGen_btColor" id="RGen_btColor" value="<?php echo $RGen_btColor; ?>"></td>
																<td>Normal text<br /><input type="text" class="hex" name="RGen_btFontColor" id="RGen_btFontColor" value="<?php echo $RGen_btFontColor; ?>"></td>
																<td>Hover<br /><input type="text" class="hex" name="RGen_btColor_hover" id="RGen_btColor_hover" value="<?php echo $RGen_btColor_hover; ?>"></td>
																<td>Hover text<br /><input type="text" class="hex" name="RGen_btFontColor_hover" id="RGen_btFontColor_hover" value="<?php echo $RGen_btFontColor_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Button2 color</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Normal<br /><input type="text" class="hex" name="RGen_btColor1" id="RGen_btColor1" value="<?php echo $RGen_btColor1; ?>"></td>
																<td>Normal text<br /><input type="text" class="hex" name="RGen_btFontColor1" id="RGen_btFontColor1" value="<?php echo $RGen_btFontColor1; ?>"></td>
																<td>Hover<br /><input type="text" class="hex" name="RGen_btColor1_hover" id="RGen_btColor1_hover" value="<?php echo $RGen_btColor1_hover; ?>"></td>
																<td>Hover text<br /><input type="text" class="hex" name="RGen_btFontColor1_hover" id="RGen_btFontColor1_hover" value="<?php echo $RGen_btFontColor1_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>General link button color</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Normal<br /><input type="text" class="hex" name="RGen_LinkBtColor" id="RGen_LinkBtColor" value="<?php echo $RGen_LinkBtColor; ?>"></td>
																<td>Normal Text<br /><input type="text" class="hex" name="RGen_LinkBtFontColor" id="RGen_LinkBtFontColor" value="<?php echo $RGen_LinkBtFontColor; ?>"></td>
																<td>Hover<br /><input type="text" class="hex" name="RGen_LinkBtColor_hover" id="RGen_LinkBtColor_hover" value="<?php echo $RGen_LinkBtColor_hover; ?>"></td>
																<td>Hover text<br /><input type="text" class="hex" name="RGen_LinkBtFontColor_hover" id="RGen_LinkBtFontColor_hover" value="<?php echo $RGen_LinkBtFontColor_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>General link color</strong></td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Normal<br /><input type="text" class="hex" name="RGen_LinkColor" id="RGen_LinkColor" value="<?php echo $RGen_LinkColor; ?>"></td>
																<td>Hover<br /><input type="text" class="hex" name="RGen_LinkColor_hover" id="RGen_LinkColor_hover" value="<?php echo $RGen_LinkColor_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Headers</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>All headers<br /><input type="text" class="hex" name="RGen_Header" id="RGen_Header" value="<?php echo $RGen_Header; ?>"></td>
																<td>Page header<br /><input type="text" class="hex" name="RGen_pageHeader" id="RGen_pageHeader" value="<?php echo $RGen_pageHeader; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>General table list</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Header<br /><input type="text" class="hex" name="RGen_tableListHeader" id="RGen_tableListHeader" value="<?php echo $RGen_tableListHeader; ?>"></td>
																<td>Header text<br /><input type="text" class="hex" name="RGen_tableListHeaderFont" id="RGen_tableListHeaderFont" value="<?php echo $RGen_tableListHeaderFont; ?>"></td>
																<td>Content text<br /><input type="text" class="hex" name="RGen_tableListFont" id="RGen_tableListFont" value="<?php echo $RGen_tableListFont; ?>"></td>
																<td>Border<br /><input type="text" class="hex" name="RGen_tableListBorder_bottom" id="RGen_tableListBorder_bottom" value="<?php echo $RGen_tableListBorder_bottom; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Slide show dot color</td>
													<td><input type="text" class="rgb" name="RGen_globalColourRing" id="RGen_globalColourRing" value="<?php echo $RGen_globalColourRing; ?>"></td>
												</tr>
												<tr>
													<td>All arrows</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Arrow<br /><input type="text" class="hex" name="RGen_arrow" id="RGen_arrow" value="<?php echo $RGen_arrow; ?>"></td>
																<td>Arrow hover<br /><input type="text" class="hex" name="RGen_arrow_hover" id="RGen_arrow_hover" value="<?php echo $RGen_arrow_hover; ?>"></td>
																<td>Background<br /><input type="text" class="rgb" name="RGen_arrowBg" id="RGen_arrowBg" value="<?php echo $RGen_arrowBg; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
											
											<h3 class="heading-3">Form cases</h3>
											<table class="form">
												<tr>
													<td>Form fields</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Labels<br /><input type="text" class="hex" name="RGen_frmLabel" id="RGen_frmLabel" value="<?php echo $RGen_frmLabel; ?>"></td>
																<td>Border<br /><input type="text" class="rgb" name="RGen_frmFieldBdr" id="RGen_frmFieldBdr" value="<?php echo $RGen_frmFieldBdr; ?>"></td>
																<td>Background<br /><input type="text" class="rgb" name="RGen_frmFieldBg" id="RGen_frmFieldBg" value="<?php echo $RGen_frmFieldBg; ?>"></td>
																<td>Text<br /><input type="text" class="hex" name="RGen_frmFieldText" id="RGen_frmFieldText" value="<?php echo $RGen_frmFieldText; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Button block</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Background<br /><input type="text" class="rgb" name="RGen_frmButtonBlock" id="RGen_frmButtonBlock" value="<?php echo $RGen_frmButtonBlock; ?>"></td>
																<td>Border<br /><input type="text" class="rgb" name="RGen_frmButtonBlockBdr" id="RGen_frmButtonBlockBdr" value="<?php echo $RGen_frmButtonBlockBdr; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
											
										</div>
									</div>
									<div class="vtabs-content" id="headerColors">
										<h3 class="heading-1">
											<table width="100%">
												<tr>
													<td>Header colors</td>
													<td>
														<a class="button2 pull-right" onclick="$('#headerColors').find('.hex, .rgb').attr('value', '');$('#headerColors').find('.hex, .rgb').attr('style', '');$('#headerColors').find('#RGen_headerBgImg_preview').attr('src', '<?php echo $no_image; ?>');$('#headerColors').find('#RGen_headerBgImg').attr('value', '');">Reset</a>
													</td>
												</tr>
											</table>
										</h3>
										<table class="form">
											<tr>
												<td>Header background image</td>
												<td>
													<table>
														<tr>
															<td>
																<input type="hidden" name="RGen_headerBgImg" value="<?php echo $RGen_headerBgImg; ?>" id="RGen_headerBgImg" />
																<img src="<?php echo $RGen_headerBgImg_preview; ?>" alt="" id="RGen_headerBgImg_preview" class="PreviewImage" />
															</td>
															<td style="padding-left:10px;">
																<div style="margin-bottom:10px;">
																	<a onclick="image_upload('RGen_headerBgImg', 'RGen_headerBgImg_preview');" class="button3">Upload</a>
																	<a onclick="$('#RGen_headerBgImg_preview').attr('src', '<?php echo $no_image; ?>'); $('#RGen_headerBgImg').attr('value', '');" class="button3">Remove</a>
																</div>
																<?php $headerBgImgRepeat = array( 
																	'no-repeat',
																	'repeat',
																	'repeat-x',
																	'repeat-y',
																	'inherit'
																); ?>
																<select name="RGen_headerBgImgRepeat">
																	<?php foreach ($headerBgImgRepeat as $key) { ?>
																		<?php ($key ==  $this->config->get('RGen_headerBgImgRepeat')) ? $selected = 'selected' : $selected=''; ?>
																		<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
																	<?php } ?>
																</select>
																
																<?php $headerBgImgPosition = array( 
																	'left top',
																	'left bottom',
																	'right top',
																	'right bottom',
																	'center top',
																	'center bottom',
																	'center center'
																); ?>
																<select name="RGen_headerBgImgPosition">
																	<?php foreach ($headerBgImgPosition as $key) { ?>
																		<?php ($key ==  $this->config->get('RGen_headerBgImgPosition')) ? $selected = 'selected' : $selected=''; ?>
																		<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
																	<?php } ?>
																</select>
															</td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Header background color</td>
												<td><input type="text" class="rgb" name="RGen_headerBgColor" id="RGen_headerBgColor" value="<?php echo $RGen_headerBgColor; ?>"></td>
											</tr>
											<tr>
												<td>Header text</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Normal text<br /><input type="text" class="hex" name="RGen_Header_text" id="RGen_Header_text" value="<?php echo $RGen_Header_text; ?>"></td>
															<td>Links<br /><input type="text" class="hex" name="RGen_Header_Link" id="RGen_Header_Link" value="<?php echo $RGen_Header_Link; ?>"></td>
															<td>Link hover<br /><input type="text" class="hex" name="RGen_Header_Link_hover" id="RGen_Header_Link_hover" value="<?php echo $RGen_Header_Link_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Header icons<span class="help1">(My account, Wishlist, Currency, Language)</span></td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Icon color<br /><input type="text" class="hex" name="RGen_HeaderIcons" id="RGen_HeaderIcons" value="<?php echo $RGen_HeaderIcons; ?>"></td>
															<td>Icon BG<br /><input type="text" class="rgb" name="RGen_HeaderIconsBG" id="RGen_HeaderIconsBG" value="<?php echo $RGen_HeaderIconsBG; ?>"></td>
															<td>Icon hover<br /><input type="text" class="hex" name="RGen_HeaderIcons_hover" id="RGen_HeaderIcons_hover" value="<?php echo $RGen_HeaderIcons_hover; ?>"></td>
															<td>Icon BG hover<br /><input type="text" class="rgb" name="RGen_HeaderIconsBG_hover" id="RGen_HeaderIconsBG_hover" value="<?php echo $RGen_HeaderIconsBG_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Header mini cart</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Top border<br /><input type="text" class="rgb" name="RGen_MiniCart_border" id="RGen_MiniCart_border" value="<?php echo $RGen_MiniCart_border; ?>"></td>
															<td>Text<br /><input type="text" class="hex" name="RGen_MiniCartText" id="RGen_MiniCartText" value="<?php echo $RGen_MiniCartText; ?>"></td>
															<td>Icon color<br /><input type="text" class="hex" name="RGen_MiniCartIcon" id="RGen_MiniCartIcon" value="<?php echo $RGen_MiniCartIcon; ?>"></td>
															<td>Icon hover<br /><input type="text" class="hex" name="RGen_MiniCartIcon_hover" id="RGen_MiniCartIcon_hover" value="<?php echo $RGen_MiniCartIcon_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Header mini cart content</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Background<br /><input type="text" class="hex" name="RGen_MiniCartContentBg" id="RGen_MiniCartContentBg" value="<?php echo $RGen_MiniCartContentBg; ?>"></td>
															<td>Border color<br /><input type="text" class="hex" name="RGen_MiniCartBorder" id="RGen_MiniCartBorder" value="<?php echo $RGen_MiniCartBorder; ?>"></td>
															<td>Text<br /><input type="text" class="hex" name="RGen_MiniCartContentText" id="RGen_MiniCartContentText" value="<?php echo $RGen_MiniCartContentText; ?>"></td>
															<td>Product Image<br /><input type="text" class="hex" name="RGen_MiniCartPrdImg" id="RGen_MiniCartPrdImg" value="<?php echo $RGen_MiniCartPrdImg; ?>"></td>
														</tr>
														<tr>
															<td>Price<br /><input type="text" class="hex" name="RGen_MiniCartPrice" id="RGen_MiniCartPrice" value="<?php echo $RGen_MiniCartPrice; ?>"></td>
															<td>Total bg<br /><input type="text" class="hex" name="RGen_MiniCartTotalBg" id="RGen_MiniCartTotalBg" value="<?php echo $RGen_MiniCartTotalBg; ?>"></td>
															<td>Total border<br /><input type="text" class="hex" name="RGen_MiniCartTotalBorder" id="RGen_MiniCartTotalBorder" value="<?php echo $RGen_MiniCartTotalBorder; ?>"></td>
															<td>Total text<br /><input type="text" class="hex" name="RGen_MiniCartTotalText" id="RGen_MiniCartTotalText" value="<?php echo $RGen_MiniCartTotalText; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Header Search</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Background<br /><input type="text" class="rgb" name="RGen_SearchBg" id="RGen_SearchBg" value="<?php echo $RGen_SearchBg; ?>"></td>
															<td>Border color<br /><input type="text" class="rgb" name="RGen_SearchBorder" id="RGen_SearchBorder" value="<?php echo $RGen_SearchBorder; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Header Search text &amp; icon</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Text color<br /><input type="text" class="hex" name="RGen_SearchText" id="RGen_SearchText" value="<?php echo $RGen_SearchText; ?>"></td>
															<td>Icon color<br /><input type="text" class="hex" name="RGen_SearchIcon" id="RGen_SearchIcon" value="<?php echo $RGen_SearchIcon; ?>"></td>
															<td>Icon hover<br /><input type="text" class="hex" name="RGen_SearchIcon_hover" id="RGen_SearchIcon_hover" value="<?php echo $RGen_SearchIcon_hover; ?>"></td>
															<td>Hover bg<br /><input type="text" class="hex" name="RGen_SearchHover_Bg" id="RGen_SearchHover_Bg" value="<?php echo $RGen_SearchHover_Bg; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											
										</table>
									</div>
									<div class="vtabs-content" id="menuColors">
										<h3 class="heading-1">
											<table width="100%">
												<tr>
													<td>Main navigation</td>
													<td>
														<a class="button2 pull-right" onclick="$('#menuColors').find('.hex, .rgb').attr('value', '');$('#menuColors').find('.hex, .rgb').attr('style', '');">Reset</a>
													</td>
												</tr>
											</table>
										</h3>
										<h3 class="heading-3">Main navigation</h3>
										<table class="form">
											<tr>
												<td>Menu bar borders</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Border bottom<br /><input type="text" class="rgb" name="RGen_NavBotBorder" id="RGen_NavBotBorder" value="<?php echo $RGen_NavBotBorder; ?>"></td>
															<td>Border top<br /><input type="text" class="rgb" name="RGen_NavTopBorder" id="RGen_NavTopBorder" value="<?php echo $RGen_NavTopBorder; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Menu bar</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Menu bar<br /><input type="text" class="rgb" name="RGen_Nav" id="RGen_Nav" value="<?php echo $RGen_Nav; ?>"></td>
															<td>Menu items text<br /><input type="text" class="hex" name="RGen_NavFont" id="RGen_NavFont" value="<?php echo $RGen_NavFont; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Menu items</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Menu items hover<br /><input type="text" class="rgb" name="RGen_Nav_hover" id="RGen_Nav_hover" value="<?php echo $RGen_Nav_hover; ?>"></td>
															<td>Menu items hover text<br /><input type="text" class="hex" name="RGen_NavFont_hover" id="RGen_NavFont_hover" value="<?php echo $RGen_NavFont_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Dropdown background</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Normal<br /><input type="text" class="rgb" name="RGen_NavSub" id="RGen_NavSub" value="<?php echo $RGen_NavSub; ?>"></td>
															<td>Hover<br /><input type="text" class="rgb" name="RGen_NavSub_hover" id="RGen_NavSub_hover" value="<?php echo $RGen_NavSub_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Dropdown text</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Normal text<br /><input type="text" class="hex" name="RGen_NavSubFont" id="RGen_NavSubFont" value="<?php echo $RGen_NavSubFont; ?>"></td>
															<td>Hover text<br /><input type="text" class="hex" name="RGen_NavSubFont_hover" id="RGen_NavSubFont_hover" value="<?php echo $RGen_NavSubFont_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Dropdown border</td>
												<td>
													<table class="sub-form">
														<tr>
															<td>Border<br /><input type="text" class="rgb" name="RGen_NavSubBorder" id="RGen_NavSubBorder" value="<?php echo $RGen_NavSubBorder; ?>"></td>
															<td>Hover<br /><input type="text" class="rgb" name="RGen_NavSubBorder_hover" id="RGen_NavSubBorder_hover" value="<?php echo $RGen_NavSubBorder_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
									</div>
									<div class="vtabs-content" id="PrdListColors">
										<h3 class="heading-1">
											<table width="100%">
												<tr>
													<td>Product list components</td>
													<td>
														<a class="button2 pull-right" onclick="$('#productList').find('.hex, .rgb').attr('value', '');$('#productList').find('.hex, .rgb').attr('style', '');">Reset</a>
													</td>
												</tr>
											</table>
										</h3>
										<div id="productList">
											<h3 class="heading-3">Refine search on category page</h3>
											<table class="form">
												<tr>
													<td>Refine search</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Block bg<br /><input type="text" class="rgb" name="RGen_RefinCateBg" id="RGen_RefinCateBg" value="<?php echo $RGen_RefinCateBg; ?>"></td>
																<td>Title bg<br /><input type="text" class="rgb" name="RGen_RefinCateHdBg" id="RGen_RefinCateHdBg" value="<?php echo $RGen_RefinCateHdBg; ?>"></td>
																<td>Title text color<br /><input type="text" class="hex" name="RGen_RefinCateHdFontColor" id="RGen_RefinCateHdFontColor" value="<?php echo $RGen_RefinCateHdFontColor; ?>"></td>
																<td></td>
															</tr>
															<tr>
																<td>Category box<br /><input type="text" class="rgb" name="RGen_RefinCateBoxBg" id="RGen_RefinCateBoxBg" value="<?php echo $RGen_RefinCateBoxBg; ?>"></td>
																<td>Box hover<br /><input type="text" class="rgb" name="RGen_RefinCateBoxBg_hover" id="RGen_RefinCateBoxBg_hover" value="<?php echo $RGen_RefinCateBoxBg_hover; ?>"></td>
																<td>Text color<br /><input type="text" class="hex" name="RGen_RefinCateFontColour" id="RGen_RefinCateFontColour" value="<?php echo $RGen_RefinCateFontColour; ?>"></td>
																<td>Text hover<br /><input type="text" class="hex" name="RGen_RefinCateFont_hover" id="RGen_RefinCateFont_hover" value="<?php echo $RGen_RefinCateFont_hover; ?>"></td>
															</tr>
															<tr>
																<td>Border<br /><input type="text" class="rgb" name="RGen_RefinCateBorder" id="RGen_RefinCateBorder" value="<?php echo $RGen_RefinCateBorder; ?>"></td>
																<td>Border hover<br /><input type="text" class="rgb" name="RGen_RefinCateBorder_hover" id="RGen_RefinCateBorder_hover" value="<?php echo $RGen_RefinCateBorder_hover; ?>"></td>
																<td></td>
																<td></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Filter options</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Compare arrow<br /><input type="text" class="hex" name="RGen_FilterCompare" id="RGen_FilterCompare" value="<?php echo $RGen_FilterCompare; ?>"></td>
																<td>Arrow hover<br /><input type="text" class="hex" name="RGen_FilterCompare_hover" id="RGen_FilterCompare_hover" value="<?php echo $RGen_FilterCompare_hover; ?>"></td>
																<td>List-Grid<br /><input type="text" class="hex" name="RGen_listGrid_normal" id="RGen_listGrid_normal" value="<?php echo $RGen_listGrid_normal; ?>"></td>
																<td>List-Grid active<br /><input type="text" class="hex" name="RGen_listGrid_active" id="RGen_listGrid_active" value="<?php echo $RGen_listGrid_active; ?>"></td>
															</tr>
														</table>
													</td>
												</td>
											</table>
											<h3 class="heading-3">Product block</h3>
											<table class="form">
												<tr>
													<td>Background</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Background<br /><input type="text" class="rgb" name="RGen_prdBack" id="RGen_prdBack" value="<?php echo $RGen_prdBack; ?>"></td>
																<td>Border<br /><input type="text" class="rgb" name="RGen_prdBorder" id="RGen_prdBorder" value="<?php echo $RGen_prdBorder; ?>"></td>
																<td>Border hover<br /><input type="text" class="rgb" name="RGen_prdBorder_hover" id="RGen_prdBorder_hover" value="<?php echo $RGen_prdBorder_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Name and description</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Name<br /><input type="text" class="hex" name="RGen_prdName" id="RGen_prdName" value="<?php echo $RGen_prdName; ?>"></td>
																<td>Name hover<br /><input type="text" class="hex" name="RGen_prdName_hover" id="RGen_prdName_hover" value="<?php echo $RGen_prdName_hover; ?>"></td>
																<td>Description<br /><input type="text" class="hex" name="RGen_prdText" id="RGen_prdText" value="<?php echo $RGen_prdText; ?>"></td>
																<td>Background<br /><input type="text" class="rgb" name="RGen_prdName_Bg" id="RGen_prdName_Bg" value="<?php echo $RGen_prdName_Bg; ?>"></td>
																<td>Background hover<br /><input type="text" class="rgb" name="RGen_prdHover_Bg" id="RGen_prdHover_Bg" value="<?php echo $RGen_prdHover_Bg; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Price</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Old price<br /><input type="text" class="hex" name="RGen_OldPrice" id="RGen_OldPrice" value="<?php echo $RGen_OldPrice; ?>"></td>
																<td>New price<br /><input type="text" class="hex" name="RGen_Price" id="RGen_Price" value="<?php echo $RGen_Price; ?>"></td>
																<td>Bg(For side column)<br /><input type="text" class="rgb" name="RGen_PriceBg" id="RGen_PriceBg" value="<?php echo $RGen_PriceBg; ?>"></td>
																<td>Border(For side column)<br /><input type="text" class="rgb" name="RGen_PriceBorder" id="RGen_PriceBorder" value="<?php echo $RGen_PriceBorder; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Buttons</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Icon<br /><input type="text" class="hex" name="RGen_prdIcons" id="RGen_prdIcons" value="<?php echo $RGen_prdIcons; ?>"></td>
																<td>Icon hover<br /><input type="text" class="hex" name="RGen_prdIcons_hover" id="RGen_prdIcons_hover" value="<?php echo $RGen_prdIcons_hover; ?>"></td>
																<td>Background<br /><input type="text" class="rgb" name="RGen_prdIconsBg" id="RGen_prdIconsBg" value="<?php echo $RGen_prdIconsBg; ?>"></td>
																<td>Background hover<br /><input type="text" class="rgb" name="RGen_prdIconsBg_hover" id="RGen_prdIconsBg_hover" value="<?php echo $RGen_prdIconsBg_hover; ?>"></td>
																<td>Compare &amp; More info<br /><input type="text" class="hex" name="RGen_prdIconExtra" id="RGen_prdIconExtra" value="<?php echo $RGen_prdIconExtra; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Button border</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Normal<br /><input type="text" class="rgb" name="RGen_prdIconBorder" id="RGen_prdIconBorder" value="<?php echo $RGen_prdIconBorder; ?>"></td>
																<td>Hover<br /><input type="text" class="rgb" name="RGen_prdIconBorder_hover" id="RGen_prdIconBorder_hover" value="<?php echo $RGen_prdIconBorder_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
											<h3 class="heading-3">Special offer side column</h3>
											<table class="form">
												<tr>
													<td>Title</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Background<br /><input type="text" class="rgb" name="RGen_colSpecialHD_Bg" id="RGen_colSpecialHD_Bg" value="<?php echo $RGen_colSpecialHD_Bg; ?>"></td>
																<td>Text<br /><input type="text" class="hex" name="RGen_colSpecialHD_Text" id="RGen_colSpecialHD_Text" value="<?php echo $RGen_colSpecialHD_Text; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Price</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Background<br /><input type="text" class="rgb" name="RGen_colSpecial_PriceBg" id="RGen_colSpecial_PriceBg" value="<?php echo $RGen_colSpecial_PriceBg; ?>"></td>
																<td>Border<br /><input type="text" class="rgb" name="RGen_colSpecial_PriceBorder" id="RGen_colSpecial_PriceBorder" value="<?php echo $RGen_colSpecial_PriceBorder; ?>"></td>
																<td>Price<br /><input type="text" class="hex" name="RGen_colSpecial_Price" id="RGen_colSpecial_Price" value="<?php echo $RGen_colSpecial_Price; ?>"></td>
																<td>Old price<br /><input type="text" class="hex" name="RGen_colSpecial_OldPrice" id="RGen_colSpecial_OldPrice" value="<?php echo $RGen_colSpecial_OldPrice; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Icons</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Icon<br /><input type="text" class="hex" name="RGen_colSpecial_Ico" id="RGen_colSpecial_Ico" value="<?php echo $RGen_colSpecial_Ico; ?>"></td>
																<td>Icon hover<br /><input type="text" class="hex" name="RGen_colSpecial_IcoHover" id="RGen_colSpecial_IcoHover" value="<?php echo $RGen_colSpecial_IcoHover; ?>"></td>
																<td>Compare &amp; More<br /><input type="text" class="hex" name="RGen_colSpecial_IcoExtra" id="RGen_colSpecial_IcoExtra" value="<?php echo $RGen_colSpecial_IcoExtra; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Icon background &amp; border</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Border<br /><input type="text" class="rgb" name="RGen_colSpecial_IcoBorder" id="RGen_colSpecial_IcoBorder" value="<?php echo $RGen_colSpecial_IcoBorder; ?>"></td>
																<td>Background<br /><input type="text" class="rgb" name="RGen_colSpecial_IcoBg" id="RGen_colSpecial_IcoBg" value="<?php echo $RGen_colSpecial_IcoBg; ?>"></td>
																<td>Background hover<br /><input type="text" class="rgb" name="RGen_colSpecial_IcoBgHover" id="RGen_colSpecial_IcoBgHover" value="<?php echo $RGen_colSpecial_IcoBgHover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
										
										</div>
									</div>
									<div class="vtabs-content" id="PrdSlideshowColors">
										<h3 class="heading-1">
											<table width="100%">
												<tr>
													<td>Products display on slide show </td>
													<td>
														<a class="button2 pull-right" onclick="$('#slideshowPrd').find('.hex, .rgb').attr('value', '');$('#slideshowPrd').find('.hex, .rgb').attr('style', '');">Reset</a>
													</td>
												</tr>
											</table>
										</h3>
										<div id="slideshowPrd">
											<h3 class="heading-3">Slide show product scroller</h3>
											<table class="form">
												<tr>
													<td>Background</td>
													<td><input type="text" class="rgb" name="RGen_featuredBg" id="RGen_featuredBg" value="<?php echo $RGen_featuredBg; ?>"></td>
												</tr>
												<tr>
													<td>Title</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Title<br /><input type="text" class="rgb" name="RGen_featuredTitleBg" id="RGen_featuredTitleBg" value="<?php echo $RGen_featuredTitleBg; ?>"></td>
																<td>Title hover<br /><input type="text" class="rgb" name="RGen_featuredTitleBg_hover" id="RGen_featuredTitleBg_hover" value="<?php echo $RGen_featuredTitleBg_hover; ?>"></td>
																<td>Title text<br /><input type="text" class="hex" name="RGen_featuredTitleFont" id="RGen_featuredTitleFont" value="<?php echo $RGen_featuredTitleFont; ?>"></td>
																<td>Text hover<br /><input type="text" class="hex" name="RGen_featuredTitle_hover" id="RGen_featuredTitle_hover" value="<?php echo $RGen_featuredTitle_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Title icon &amp; scroll arrow</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Icon<br /><input type="text" class="hex" name="RGen_featuredIcon" id="RGen_featuredIcon" value="<?php echo $RGen_featuredIcon; ?>"></td>
																<td>Icon hover<br /><input type="text" class="hex" name="RGen_featuredIcon_hover" id="RGen_featuredIcon_hover" value="<?php echo $RGen_featuredIcon_hover; ?>"></td>
																<td>Scroll arrow<br /><input type="text" class="rgb" name="RGen_featuredArrow" id="RGen_featuredArrow" value="<?php echo $RGen_featuredArrow; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Product</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Product name<br /><input type="text" class="hex" name="RGen_featuredPrdText" id="RGen_featuredPrdText" value="<?php echo $RGen_featuredPrdText; ?>"></td>
																<td>Image hover bg<br /><input type="text" class="rgb" name="RGen_featuredHover_Bg" id="RGen_featuredHover_Bg" value="<?php echo $RGen_featuredHover_Bg; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Price</td>
													<td>
														<table>
															<tr>
																<td>New price<br /><input type="text" class="hex" name="RGen_featuredPrice" id="RGen_featuredPrice" value="<?php echo $RGen_featuredPrice; ?>"></td>
																<td>Old Price<br /><input type="text" class="hex" name="RGen_featuredPriceOld" id="RGen_featuredPriceOld" value="<?php echo $RGen_featuredPriceOld; ?>"></td>
																<td>Background<br /><input type="text" class="rgb" name="RGen_featuredPriceBg" id="RGen_featuredPriceBg" value="<?php echo $RGen_featuredPriceBg; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Icons</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Cart &amp; wishlist<br /><input type="text" class="hex" name="RGen_featuredCartWish" id="RGen_featuredCartWish" value="<?php echo $RGen_featuredCartWish; ?>"></td>
																<td>Compare &amp; moreinfo<br /><input type="text" class="hex" name="RGen_featuredCompMore" id="RGen_featuredCompMore" value="<?php echo $RGen_featuredCompMore; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Icon background</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Cart<br /><input type="text" class="rgb" name="RGen_featuredCartBg" id="RGen_featuredCartBg" value="<?php echo $RGen_featuredCartBg; ?>"></td>
																<td>Wishlist<br /><input type="text" class="rgb" name="RGen_featuredWishBg" id="RGen_featuredWishBg" value="<?php echo $RGen_featuredWishBg; ?>"></td>
															</tr>
															<tr>
																<td>Compare<br /><input type="text" class="rgb" name="RGen_featuredCompBg" id="RGen_featuredCompBg" value="<?php echo $RGen_featuredCompBg; ?>"></td>
																<td>Moreinfo<br /><input type="text" class="rgb" name="RGen_featuredMoreBg" id="RGen_featuredMoreBg" value="<?php echo $RGen_featuredMoreBg; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Icon hover</td>
													<td>
														<table class="sub-form">
															<tr>	
																<td>Icon hover<br /><input type="text" class="hex" name="RGen_featuredIcons_hover" id="RGen_featuredIcons_hover" value="<?php echo $RGen_featuredIcons_hover; ?>"></td>
																<td>Background hover<br /><input type="text" class="rgb" name="RGen_featuredIconsBg_hover" id="RGen_featuredIconsBg_hover" value="<?php echo $RGen_featuredIconsBg_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
											</table>
										</div>
									</div>
									<div class="vtabs-content" id="PrdInfoColors">
										<h3 class="heading-1">
											<table width="100%">
												<tr>
													<td>Product page</td>
													<td>
														<a class="button2 pull-right" onclick="$('#PrdInfoColors').find('.hex, .rgb').attr('value', '');$('#PrdInfoColors').find('.hex, .rgb').attr('style', '');">Reset</a>
													</td>
												</tr>
											</table>
										</h3>
										<table class="form">
											<tr>
												<td>Price box</td>
												<td>
													<table class="sub-form">
														<tr>	
															<td>Background<br /><input type="text" class="rgb" name="RGen_Info_BuyInfoBg" id="RGen_Info_BuyInfoBg" value="<?php echo $RGen_Info_BuyInfoBg; ?>"></td>
															<td>Outer border<br /><input type="text" class="rgb" name="RGen_Info_BuyInfoBdr" id="RGen_Info_BuyInfoBdr" value="<?php echo $RGen_Info_BuyInfoBdr; ?>"></td>
														</tr>
														<tr>	
															<td>Review Background<br /><input type="text" class="rgb" name="RGen_Info_ReviewBg" id="RGen_Info_ReviewBg" value="<?php echo $RGen_Info_ReviewBg; ?>"></td>
															<td>Inner borders<br /><input type="text" class="rgb" name="RGen_Info_CommonBdr" id="RGen_Info_CommonBdr" value="<?php echo $RGen_Info_CommonBdr; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Price details</td>
												<td>
													<table class="sub-form">
														<tr>	
															<td>Price<br /><input type="text" class="hex" name="RGen_Info_Price" id="RGen_Info_Price" value="<?php echo $RGen_Info_Price; ?>"></td>
															<td>Price old<br /><input type="text" class="hex" name="RGen_Info_PriceOld" id="RGen_Info_PriceOld" value="<?php echo $RGen_Info_PriceOld; ?>"></td>
															<td>Other info<br /><input type="text" class="hex" name="RGen_Info_PriceInfo" id="RGen_Info_PriceInfo" value="<?php echo $RGen_Info_PriceInfo; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Brand info &amp; links</td>
												<td>
													<table class="sub-form">
														<tr>	
															<td>Brand info text<br /><input type="text" class="hex" name="RGen_Info_Text" id="RGen_Info_Text" value="<?php echo $RGen_Info_Text; ?>"></td>
															<td>Links<br /><input type="text" class="hex" name="RGen_Info_Links" id="RGen_Info_Links" value="<?php echo $RGen_Info_Links; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Informaion tabs</td>
												<td>
													<table class="sub-form">
														<tr>	
															<td>Tab background<br /><input type="text" class="rgb" name="RGen_Info_TabBg" id="RGen_Info_TabBg" value="<?php echo $RGen_Info_TabBg; ?>"></td>
															<td>Active background<br /><input type="text" class="rgb" name="RGen_Info_TabActive" id="RGen_Info_TabActive" value="<?php echo $RGen_Info_TabActive; ?>"></td>
															<td>Tab text<br /><input type="text" class="hex" name="RGen_Info_Tab" id="RGen_Info_Tab" value="<?php echo $RGen_Info_Tab; ?>"></td>
															<td>Active text<br /><input type="text" class="hex" name="RGen_Info_TabActiveText" id="RGen_Info_TabActiveText" value="<?php echo $RGen_Info_TabActiveText; ?>"></td>
															<td>Borders<br /><input type="text" class="rgb" name="RGen_Info_TabBdr" id="RGen_Info_TabBdr" value="<?php echo $RGen_Info_TabBdr; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Quantity</td>
												<td>
													<table class="sub-form">
														<tr>	
															<td>Icon<br /><input type="text" class="hex" name="RGen_Info_QtyIco" id="RGen_Info_QtyIco" value="<?php echo $RGen_Info_QtyIco; ?>"></td>
															<td>Background<br /><input type="text" class="rgb" name="RGen_Info_QtyBg" id="RGen_Info_QtyBg" value="<?php echo $RGen_Info_QtyBg; ?>"></td>
															<td>Border<br /><input type="text" class="rgb" name="RGen_Info_QtyBdr" id="RGen_Info_QtyBdr" value="<?php echo $RGen_Info_QtyBdr; ?>"></td>
														</tr>
														<tr>	
															<td>Icon hover<br /><input type="text" class="hex" name="RGen_Info_QtyIco_hover" id="RGen_Info_QtyIco_hover" value="<?php echo $RGen_Info_QtyIco_hover; ?>"></td>
															<td>Background hover<br /><input type="text" class="rgb" name="RGen_Info_QtyBg_hover" id="RGen_Info_QtyBg_hover" value="<?php echo $RGen_Info_QtyBg_hover; ?>"></td>
															<td>Border hover<br /><input type="text" class="rgb" name="RGen_Info_QtyBdr_hover" id="RGen_Info_QtyBdr_hover" value="<?php echo $RGen_Info_QtyBdr_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Zoom button</td>
												<td>
													<table class="sub-form">
														<tr>	
															<td>Icon<br /><input type="text" class="hex" name="RGen_Info_Zoom" id="RGen_Info_Zoom" value="<?php echo $RGen_Info_Zoom; ?>"></td>
															<td>Background<br /><input type="text" class="rgb" name="RGen_Info_ZoomBg" id="RGen_Info_ZoomBg" value="<?php echo $RGen_Info_ZoomBg; ?>"></td>
															<td>Border<br /><input type="text" class="rgb" name="RGen_Info_ZoomBdr" id="RGen_Info_ZoomBdr" value="<?php echo $RGen_Info_ZoomBdr; ?>"></td>
														</tr>
														<tr>	
															<td>Icon hover<br /><input type="text" class="hex" name="RGen_Info_Zoom_hover" id="RGen_Info_Zoom_hover" value="<?php echo $RGen_Info_Zoom_hover; ?>"></td>
															<td>Background hover<br /><input type="text" class="rgb" name="RGen_Info_ZoomBg_hover" id="RGen_Info_ZoomBg_hover" value="<?php echo $RGen_Info_ZoomBg_hover; ?>"></td>
															<td>Border hover<br /><input type="text" class="rgb" name="RGen_Info_ZoomBdr_hover" id="RGen_Info_ZoomBdr_hover" value="<?php echo $RGen_Info_ZoomBdr_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Cart button</td>
												<td>
													<table class="sub-form">
														<tr>	
															<td>Icon<br /><input type="text" class="hex" name="RGen_Info_CrtIco" id="RGen_Info_CrtIco" value="<?php echo $RGen_Info_CrtIco; ?>"></td>
															<td>Background<br /><input type="text" class="rgb" name="RGen_Info_CrtBg" id="RGen_Info_CrtBg" value="<?php echo $RGen_Info_CrtBg; ?>"></td>
															<td>Border<br /><input type="text" class="rgb" name="RGen_Info_CrtBdr" id="RGen_Info_CrtBdr" value="<?php echo $RGen_Info_CrtBdr; ?>"></td>
														</tr>
														<tr>	
															<td>Icon hover<br /><input type="text" class="hex" name="RGen_Info_CrtIco_hover" id="RGen_Info_CrtIco_hover" value="<?php echo $RGen_Info_CrtIco_hover; ?>"></td>
															<td>Background hover<br /><input type="text" class="rgb" name="RGen_Info_CrtBg_hover" id="RGen_Info_CrtBg_hover" value="<?php echo $RGen_Info_CrtBg_hover; ?>"></td>
															<td>Border hover<br /><input type="text" class="rgb" name="RGen_Info_CrtBdr_hover" id="RGen_Info_CrtBdr_hover" value="<?php echo $RGen_Info_CrtBdr_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											<tr>
												<td>Other buttons</td>
												<td>
													<table class="sub-form">
														<tr>	
															<td>Icon<br /><input type="text" class="hex" name="RGen_Info_OtherIco" id="RGen_Info_OtherIco" value="<?php echo $RGen_Info_OtherIco; ?>"></td>
															<td>Background<br /><input type="text" class="rgb" name="RGen_Info_OtherBg" id="RGen_Info_OtherBg" value="<?php echo $RGen_Info_OtherBg; ?>"></td>
															<td>Border<br /><input type="text" class="rgb" name="RGen_Info_OtherBdr" id="RGen_Info_OtherBdr" value="<?php echo $RGen_Info_OtherBdr; ?>"></td>
														</tr>
														<tr>	
															<td>Icon hover<br /><input type="text" class="hex" name="RGen_Info_OtherIco_hover" id="RGen_Info_OtherIco_hover" value="<?php echo $RGen_Info_OtherIco_hover; ?>"></td>
															<td>Background hover<br /><input type="text" class="rgb" name="RGen_Info_OtherBg_hover" id="RGen_Info_OtherBg_hover" value="<?php echo $RGen_Info_OtherBg_hover; ?>"></td>
															<td>Border hover<br /><input type="text" class="rgb" name="RGen_Info_OtherBdr_hover" id="RGen_Info_OtherBdr_hover" value="<?php echo $RGen_Info_OtherBdr_hover; ?>"></td>
														</tr>
													</table>
												</td>
											</tr>
											
											
										</table>
									</div>
									<div class="vtabs-content" id="FooterColors">
										<h3 class="heading-1">
											<table width="100%">
												<tr>
													<td>Footer</td>
													<td>
														<a class="button2 pull-right" onclick="$('#footerColours').find('.hex, .rgb').attr('value', '');$('#footerColours').find('.hex, .rgb').attr('style', '');">Reset</a>
													</td>
												</tr>
											</table>
										</h3>
										
										<div id="footerColours">
											<table class="form">
												<tr>
													<td>Custom footer</td>
													<td>
														<table class="sub-form">
															<tr>	
																<td>Twitter icon<br /><input type="text" class="hex" name="FT_twitter_Icon" id="FT_twitter_Icon" value="<?php echo $FT_twitter_Icon; ?>"></td>
																<td>Facebook theme<br />
																	<?php $fbColor = array( 'light', 'dark'); ?>
																	<select name="FT_fb_Theme" style="width:150px; margin-bottom:0px; margin-top:5px;">
																		<?php foreach ($fbColor as $key) { ?>
																			<?php ($key ==  $this->config->get('FT_fb_Theme')) ? $selected = 'selected' : $selected=''; ?>
																			<option value="<?php echo $key; ?>" <?php echo $selected; ?>><?php echo $key; ?></option>
																		<?php } ?>
																	</select>
																</td>
															</tr>
														</table>
													</td>
												</tr>
												
												<tr>
													<td>Contact icons</td>
													<td>
														<table class="sub-form">
															<tr>	
																<td>Text<br /><input type="text" class="hex" name="RGen_contactText" id="RGen_contactText" value="<?php echo $RGen_contactText; ?>"></td>
																<td>Icon<br /><input type="text" class="hex" name="RGen_contactIcons" id="RGen_contactIcons" value="<?php echo $RGen_contactIcons; ?>"></td>
																<td>Background<br /><input type="text" class="rgb" name="RGen_contactIconsBg" id="RGen_contactIconsBg" value="<?php echo $RGen_contactIconsBg; ?>"></td>
																<td>Border<br /><input type="text" class="rgb" name="RGen_contactBorder" id="RGen_contactBorder" value="<?php echo $RGen_contactBorder; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Social buttons</td>
													<td>
														<table class="sub-form">
															<tr>
																<td>Icon<br /><input type="text" class="hex" name="RGen_FooterSocialIco" id="RGen_FooterSocialIco" value="<?php echo $RGen_FooterSocialIco; ?>"></td>
																<td>Icon Hover<br /><input type="text" class="hex" name="RGen_FooterSocialIco_hover" id="RGen_FooterSocialIco_hover" value="<?php echo $RGen_FooterSocialIco_hover; ?>"></td>
															</tr>
															<tr>
																<td>Normal<br /><input type="text" class="rgb" name="RGen_FooterSocial" id="RGen_FooterSocial" value="<?php echo $RGen_FooterSocial; ?>"></td>
																<td>Hover<br /><input type="text" class="rgb" name="RGen_FooterSocial_hover" id="RGen_FooterSocial_hover" value="<?php echo $RGen_FooterSocial_hover; ?>"></td>
															</tr>
															<tr>	
																<td>Border<br /><input type="text" class="rgb" name="RGen_FooterSocialRing" id="RGen_FooterSocialRing" value="<?php echo $RGen_FooterSocialRing; ?>"></td>
																<td>Border hover<br /><input type="text" class="rgb" name="RGen_FooterSocialRing_hover" id="RGen_FooterSocialRing_hover" value="<?php echo $RGen_FooterSocialRing_hover; ?>"></td>
															</tr>
														</table>
													</td>
												</tr>
												<tr>
													<td>Background</td>
													<td><input type="text" class="rgb" name="RGen_FooterBg" id="RGen_FooterBg" value="<?php echo $RGen_FooterBg; ?>"></td>
												</tr>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
						
						<div id="RGen_customCode" class="pane clearfix">
							<div>
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>Add your own CSS file</td>
											<td>
												<a class="button2 pull-right" onclick="$('#RGen_customFile').attr('value', '');">Reset</a>
												<span class="checkbox pull-right move15-r">
													<input id="RGen_customFile_Status" name="RGen_customFile_Status" type="checkbox" <?php if ($RGen_customFile_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_customFile_Status">Own CSS</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<table class="form">
									<tr>
										<td>Enter your CSS file name</td>
										<td>
											<input type="text" class="file-path" name="RGen_customFile" id="RGen_customFile" value="<?php echo $RGen_customFile; ?>">
											<br />
											<span class="help1">
												- Save your CSS file into this folder ==> <strong>catalog/view/theme/rgen-cupid/stylesheet/</strong><br />
												- Just enter file name in above input (Example: "my.css")
											</span>
										</td>
									</tr>
								</table>
								
								
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>Custom CSS code</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_CustomCSS_Status" name="RGen_CustomCSS_Status" type="checkbox" <?php if ($RGen_CustomCSS_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_CustomCSS_Status">Custom CSS</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<textarea cols="100" rows="10" name="RGen_CustomCSS" id="RGen_CustomCSS"><?php echo $RGen_CustomCSS; ?></textarea><br /><br /><br />
								
								
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>Custom javascript code</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_CustomJS_Status" name="RGen_CustomJS_Status" type="checkbox" <?php if ($RGen_CustomJS_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_CustomJS_Status">Custom CSS</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<textarea cols="100" rows="10" name="RGen_CustomJS" id="RGen_CustomJS"><?php echo $RGen_CustomJS; ?></textarea>
							
							</div>
						</div>
						
						<div id="RGen_customContact" class="pane clearfix">
							<div>
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>R.Gen Custom Footer status</td>
											<td align="right">
												<select name="RGen_FT_Status_home" style="vertical-align:middle; margin:0 10px 0 0;">
													<?php if ($RGen_FT_Status_home == 'common/home') { ?>
													<option value="common/home" selected="selected">Display only on home page</option>
													<option value="all">Display on all pages</option>
													<?php } else { ?>
													<option value="common/home">Display only on home page</option>
													<option value="all" selected="selected">Display on all pages</option>
													<?php } ?>
												</select>
												<span class="checkbox" style="text-align:left">
													<input id="RGen_FT_Status" name="RGen_FT_Status" type="checkbox" <?php if ($RGen_FT_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_FT_Status">Footer status</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td>About Us</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_FT_about_Status" name="RGen_FT_about_Status" type="checkbox" <?php if ($RGen_FT_about_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_FT_about_Status">About us</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<div class="sub-section1">
									<table class="col-frm">
										<tr>
											<td>Title</td>
											<td><input type="text" name="FT_about_Title" value="<?php echo $FT_about_Title; ?>"></td>
										</tr>
										<tr>
											<td>About Description</td>
											<td><textarea name="FT_about_Text"><?php echo $FT_about_Text; ?></textarea></td>
										</tr>
									</table>
								</div>
								<br /><br />
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td>Twitter</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_FT_twitter_Status" name="RGen_FT_twitter_Status" type="checkbox" <?php if ($RGen_FT_twitter_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_FT_twitter_Status">Twitter</label>
												</span>
												
											</td>
										</tr>
									</table>
								</h3>
								<div class="sub-section1">
									<table class="col-frm">
										<tr>
											<td>Title</td>
											<td><input type="text" name="FT_twitter_Title" value="<?php echo $FT_twitter_Title; ?>"></td>
										</tr>
										<tr>
											<td>Twitter username</td>
											<td><input type="text" name="FT_twitter_User" value="<?php echo $FT_twitter_User; ?>" /></td>
										</tr>
										<tr>
											<td>Widget ID</td>
											<td>
												<input type="text" name="FT_twitter_widgetid" value="<?php echo $FT_twitter_widgetid; ?>" />
												<span class="help-block"><a id='widgetID'>How to get widget ID?</a></span>
												<div class='widget-popup'><img src="view/image/cupid/twitter.png" class='widgetID' style=''></div>
											</td>
										</tr>
										<tr>
											<td>Twitter theme</td>
											<td>
												<?php 
													$ar 	= array( 'Dark' => 'dark', 'Light' => 'light' );
													$dbKey 	= $FT_twitter_theme;
													$name	= 'FT_twitter_theme';
													$id		= 'FT_twitter_theme';
												?>
												<select name="<?php echo $name; ?>">
													<?php foreach ($ar as $key => $value) { ?>
														<?php ($value ==  $dbKey) ? $selected = 'selected' : $selected=''; ?>
														<option <?php echo $selected; ?> value="<?php echo $value; ?>"><?php echo $key; ?></option>
													<?php } ?>
												</select>
											</td>
										</tr>
										<tr>
											<td>Link color</td>
											<td><input type="text" class='hex' name="FT_twitter_linkcolor" value="<?php echo $FT_twitter_linkcolor; ?>" /></td>
										</tr>
										<tr>
											<td>Number of tweets</td>
											<td>
												<select name="FT_twitter_Tweets">
													<option value="1"<?php if($FT_twitter_Tweets == '1') echo ' selected="selected"';?>>1</option>
													<option value="2"<?php if($FT_twitter_Tweets == '2') echo ' selected="selected"';?>>2</option>
													<option value="3"<?php if($FT_twitter_Tweets == '3') echo ' selected="selected"';?>>3</option>
												</select>
											</td>
										</tr>
										
									</table>
								</div>
								
								<br /><br />
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td>Facebook</td>
											<td>
												<span class="checkbox pull-right">
													<input id="RGen_FT_fb_Status" name="RGen_FT_fb_Status" type="checkbox" <?php if ($RGen_FT_fb_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="RGen_FT_fb_Status">Facebook</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<div class="sub-section1">
									<table class="col-frm">
										<tr>
											<td>Title</td>
											<td><input type="text" name="FT_fb_Title" value="<?php echo $FT_fb_Title; ?>"></td>
										</tr>
										<tr>
											<td>Facebook page ID</td>
											<td><input type="text" name="FT_fb_ID" value="<?php echo $FT_fb_ID; ?>"></td>
										</tr>
									</table>
								</div>
							</div>
						</div>
						
						<div id="RGen_sharingLinks" class="pane clearfix">
							<div>
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td width="150">Facebook</td>
											<td>
												<input type="text" name="socialLink_fb" value="<?php echo $socialLink_fb; ?>">
												<span class="checkbox pull-right">
													<input id="socialLink_fb_Status" name="socialLink_fb_Status" type="checkbox" <?php if ($socialLink_fb_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="socialLink_fb_Status">Facebook</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td width="150">Twitter</td>
											<td>
												<input type="text" name="socialLink_twitter" value="<?php echo $socialLink_twitter; ?>">
												<span class="checkbox pull-right">
													<input id="socialLink_twitter_Status" name="socialLink_twitter_Status" type="checkbox" <?php if ($socialLink_twitter_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="socialLink_twitter_Status">Twitter</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td width="150">Youtube</td>
											<td>
												<input type="text" name="socialLink_youtube" value="<?php echo $socialLink_youtube; ?>">
												<span class="checkbox pull-right">
													<input id="socialLink_youtube_Status" name="socialLink_youtube_Status" type="checkbox" <?php if ($socialLink_youtube_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="socialLink_youtube_Status">Youtube</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
							
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td width="150">Google+</td>
											<td>
												<input type="text" name="socialLink_google" value="<?php echo $socialLink_google; ?>">
												<span class="checkbox pull-right">
													<input id="socialLink_google_Status" name="socialLink_google_Status" type="checkbox" <?php if ($socialLink_google_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="socialLink_google_Status">Google</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td width="150">Mail to</td>
											<td>
												<span class="checkbox pull-right">
													<input id="socialLink_mailTo_Status" name="socialLink_mailTo_Status" type="checkbox" <?php if ($socialLink_mailTo_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="socialLink_mailTo_Status">Mail to</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								
								<h3 class="heading-1">
									<table width="100%">
										<tr>
											<td width="150">Share this</td>
											<td>
												<span class="checkbox pull-right">
													<input id="socialLink_addThis_Status" name="socialLink_addThis_Status" type="checkbox" <?php if ($socialLink_addThis_Status) { ?>checked="checked"<?php }?> value="1" />
													<label for="socialLink_addThis_Status">Share this</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
							</div>
						</div>
						
						<div id="RGen_quickContact" class="pane clearfix">
							<div>
								<h3 class="heading-1 buttonbar1">
									<table width="100%">
										<tr>
											<td>Quick contact status</td>
											<td>
												<span class="checkbox pull-right">
													<input id="FT_Contact_status" name="FT_Contact_status" type="checkbox" <?php if ($FT_Contact_status) { ?>checked="checked"<?php }?> value="1" />
													<label for="FT_Contact_status">quickcontact</label>
												</span>
											</td>
										</tr>
									</table>
								</h3>
								<div class="sub-section1">
									<table class="col-frm">
										<tr>
											<td>Phone No.</td>
											<td>
												<input type="text" name="FT_Contact_ph" value="<?php echo $FT_Contact_ph; ?>" style="width:150px;">
												<input type="text" name="FT_Contact_ph1" value="<?php echo $FT_Contact_ph1; ?>" style="width:150px;">
												<span class="checkbox pull-right">
													<input id="FT_Contact_phStatus" name="FT_Contact_phStatus" type="checkbox" <?php if ($FT_Contact_phStatus) { ?>checked="checked"<?php }?> value="1" />
													<label for="FT_Contact_phStatus">Phone</label>
												</span>
											</td>
										</tr>
										<tr>
											<td>Fax No.</td>
											<td>
												<input type="text" name="FT_Contact_fax" value="<?php echo $FT_Contact_fax; ?>" style="width:150px;">
												<input type="text" name="FT_Contact_fax1" value="<?php echo $FT_Contact_fax1; ?>" style="width:150px;">
												<span class="checkbox pull-right">
													<input id="FT_Contact_faxStatus" name="FT_Contact_faxStatus" type="checkbox" <?php if ($FT_Contact_faxStatus) { ?>checked="checked"<?php }?> value="1" />
													<label for="FT_Contact_faxStatus">Fax</label>
												</span>
												
											</td>
										</tr>
										<tr>
											<td>Email</td>
											<td>
												<input type="text" name="FT_Contact_email" value="<?php echo $FT_Contact_email; ?>" style="width:150px;">
												<span class="checkbox pull-right">
													<input id="FT_Contact_emailStatus" name="FT_Contact_emailStatus" type="checkbox" <?php if ($FT_Contact_emailStatus) { ?>checked="checked"<?php }?> value="1" />
													<label for="FT_Contact_emailStatus">Fax</label>
												</span>
												
											</td>
										</tr>
									</table>
								</div>
								
							</div>
						</div>
						
					</div>
				</div>
			</form>
		</div>
	</div>
</div>

<script type="text/javascript"><!--
function image_upload(field, previewImg) {
	
	$('#dialog').remove();
	
	$('#content').prepend('<div id="dialog" style="padding: 3px 0px 0px 0px;"><iframe src="index.php?route=common/filemanager&token=<?php echo $token; ?>&field=' + encodeURIComponent(field) + '" style="padding:0; margin: 0; display: block; width: 100%; height: 100%;" frameborder="no" scrolling="auto"></iframe></div>');
	
	$('#dialog').dialog({
		title: '<?php echo $text_image_manager; ?>',
		close: function (event, ui) {
			if ($('#' + field).attr('value')) {
				$.ajax({
					url: 'index.php?route=common/filemanager/image&token=<?php echo $token; ?>&image=' + encodeURIComponent($('#' + field).attr('value')),
					dataType: 'text',
					success: function(data) {
						$('#' + previewImg).replaceWith('<img src="' + data + '" alt="" class="PreviewImage" id="' + previewImg + '" />');
					}
				});
			}
		},	
		bgiframe: false,
		width: 700,
		height: 400,
		resizable: false,
		modal: false
	});
};
//--></script> 


<input id="helpImage" />
<script type="text/javascript" src="view/javascript/ckeditor/ckeditor.js"></script> 
<script type="text/javascript"><!--
// SET FCK EDITOR FOR ABOUT US CONTENT
CKEDITOR.replace('FT_about_Text', {
	filebrowserImageBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserFlashBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserImageUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
	filebrowserFlashUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>'
});

$('#slideshowSettings .sizeSetting input[type="radio"]').click(function(){
	
	// SET SMALL SLIDESHOW OFF
	$('#SmallSlideShow').val('');
	$('#SmallSlideShow').removeAttr('name');
	
	var bnr = $('#RGen_Banner_Layout2').attr('checked');
	
	if($(this).hasClass('full') == true) {
		$('#slideshowMod').css({display:'block'});
		
		// SET SMALL SLIDESHOW OFF
		$('#SmallSlideShow').val('');
		
		// SET BANNER BESIDE SLIDESHOW OFF
		$('#RGen_Banner_Layout1').removeAttr('checked');
		$('#bnrL1_help').css({display:'none'});
		$('#MediumSlideShow_help').css({display:'none'});
		
		if(bnr == 'checked'){
			$('#RGen_Banner_Layout2').attr('checked', 'checked');
		}
	}else{
		$('#slideshowMod input[type="checkbox"]').removeAttr('checked');
		$('#slideshowMod').css({display:'none'});
		//$('#RGen_Banner_Layout2').attr('checked','checked');
		
		$('#MediumSlideShow_help').css({display:'block'});
		
		// SET BANNER BESIDE SLIDESHOW OFF
		$('#RGen_Banner_Layout1').removeAttr('checked');
		$('#bnrL1_help').css({display:'none'});
		
		if(bnr == 'checked'){
			$('#RGen_Banner_Layout2').attr('checked', 'checked');
		}
	}
});

$('#bannerLayouts input[type="radio"]').click(function(){
	$('#bannerLayouts .help').css({display:'none'});
	
	if($(this).hasClass('bnrL1') == true) {
		$('#SmallSlideShow').val('small');
		$('#SmallSlideShow').attr('name', 'RGen_Slideshow_Layouts');
		$('#bnrL1_help').css({display:'block'});
		
		// SET OFF SLIDE SHOW PRODUCTS
		$('#slideshowMod input[type="checkbox"]').removeAttr('checked');
		$('#slideshowMod').css({display:'none'});
		
		// SET OFF SLIDESHOW IN OTHER SIZE
		$('#slideshowSettings input[type="radio"]').removeAttr('checked');
		
	}else{
		$('#SmallSlideShow').val('');
		$('#bnrL2_help').css({display:'block'});
	}
	if($(this).hasClass('bnrL3') == true) {
		$('#bnrL2_help').css({display:'none'});
	}
});

$('#RGen_Tab_Featured').click(function(){
	$('#RGen_SlideShow_Featured').removeAttr('checked');
});

$('#RGen_Tab_Special').click(function(){
	$('#RGen_SlideShow_Special').removeAttr('checked');
});
$('#RGen_Tab_Latest').click(function(){
	$('#RGen_SlideShow_Latest').removeAttr('checked');
});
$('#RGen_Tab_Best').click(function(){
	$('#RGen_SlideShow_Best').removeAttr('checked');
});

$('#RGen_SlideShow_Featured').click(function(){
	$('#RGen_Tab_Featured').removeAttr('checked');
});

$('#RGen_SlideShow_Special').click(function(){
	$('#RGen_Tab_Special').removeAttr('checked');
});
$('#RGen_SlideShow_Latest').click(function(){
	$('#RGen_Tab_Latest').removeAttr('checked');
});
$('#RGen_SlideShow_Best').click(function(){
	$('#RGen_Tab_Best').removeAttr('checked');
});


/*
$('input[type="checkbox"]').click(function(){
	if($(this).val() == 0){
		$(this).val(1);
	}else{
		$(this).val(0);
	}
});

*/

function imgPopup (helpImg){
	$('#ThemeOverview').remove();
	$('#content').prepend('<div id="ThemeOverview" style="padding: 15px;"><img src="" /></div>');
	$('#ThemeOverview').dialog({
		dialogClass: "ThemeOverview-popup",
		open: function(event, ui) {
			$(this).find('img').attr('src',$(helpImg).attr('rel'));
			},
		title: 'Theme overview',
		bgiframe: false,
		width: 950,
		height: 600,
		resizable: false,
		modal: false,
		closeOnEscape: true
	});
}

$('#widgetID').live('click', function() {
	$('.widget-popup').dialog({
		dialogClass: "widgetid-popup",
		open: function(event, ui) {},
		title: 'widget ID',
		bgiframe: false,
		width: 900,
		height: 750,
		resizable: false,
		modal: false,
		closeOnEscape: true
	});	
});


$('.header-1 .toggleBt').click(function(){
	if($(this).parent().parent().parent().hasClass('open') == true){
		$(this).parent().parent().parent().removeClass('open');
		$(this).text('show')
	}else{
		$(this).parent().parent().parent().addClass('open');
		$(this).text('hide')
	}
});

$('.hex').each(function(index, element) {
	$(this).colorpicker({
		hsv:false,
		altField:$(this),
		showNoneButton:true,
		altProperties: 'background-color'
	});	
	$(this).click(function(){
		$('.ui-colorpicker').css({top:$(this).offset().top + 25});
	});
	
	if($(this).val() == ''){
		$(this).css({backgroundColor:"#fff"});
	}else{
		$(this).css({backgroundColor:"#"+$(this).val()});
	}
});
$('.rgb').each(function(index, element) {

	$(this).colorpicker({
		hsv:false,
		alpha:true,
		colorFormat: ['RGBA'],
		showNoneButton:true,
		select: function(event, color) {
					$(this).val(color.formatted);
				}
	});
	
	$(this).click(function(){
		$('.ui-colorpicker').css({top:$(this).offset().top + 25});
	});
});

$('select .normal').bind('select', function(){
	$('.normal-size').css({display:'block'});
	});

// RGEN SCRIPTS
$('#RGen_mainTabs a').tabs();
$('#ThemeTabs a').tabs();




//--></script> 


<?php echo $footer; ?>